ref(TS) Convert some components to TS (#13142)

react/features/invite/components/add-people-dialog/web/AddPeopleDialog.tsx

@@ -30,7 +30,6 @@ import DialInSection from './DialInSection';
 import InviteByEmailSection from './InviteByEmailSection';
 // @ts-ignore
 import InviteContactsSection from './InviteContactsSection';
-// @ts-ignore
 import LiveStreamSection from './LiveStreamSection';
 /* eslint-enable lines-around-comment */
 

react/features/invite/components/add-people-dialog/web/LiveStreamSection.tsx

@@ -1,25 +1,19 @@
-// @flow
-
 /* eslint-disable react/jsx-no-bind */
 
 import React, { useState } from 'react';
+import { WithTranslation } from 'react-i18next';
 
 import { translate } from '../../../../base/i18n/functions';
 import Icon from '../../../../base/icons/components/Icon';
 import { IconCheck, IconCopy } from '../../../../base/icons/svg';
 import { copyText } from '../../../../base/util/copyText.web';
 
-type Props = {
+interface IProps extends WithTranslation {
 
     /**
      * The current known URL for a live stream in progress.
      */
-    liveStreamViewURL: string,
-
-    /**
-     * Invoked to obtain translated strings.
-     */
-    t: Function
+    liveStreamViewURL: string;
 }
 
 /**
@@ -28,7 +22,7 @@ type Props = {
  *
  * @returns {React$Element<any>}
  */
-function LiveStreamSection({ liveStreamViewURL, t }: Props) {
+function LiveStreamSection({ liveStreamViewURL, t }: IProps) {
     const [ isClicked, setIsClicked ] = useState(false);
     const [ isHovered, setIsHovered ] = useState(false);