Remove sdk.getComponent instructions

src/components/views/auth/AuthHeader.tsx

@@ -16,8 +16,9 @@ limitations under the License.
 */
 
 import React from 'react';
-import * as sdk from '../../../index';
 import { replaceableComponent } from "../../../utils/replaceableComponent";
+import AuthHeaderLogo from "./AuthHeaderLogo";
+import LanguageSelector from "./LanguageSelector";
 
 interface IProps {
     disableLanguageSelector?: boolean;
@@ -26,9 +27,6 @@ interface IProps {
 @replaceableComponent("views.auth.AuthHeader")
 export default class AuthHeader extends React.Component<IProps> {
     public render(): React.ReactNode {
-        const AuthHeaderLogo = sdk.getComponent('auth.AuthHeaderLogo');
-        const LanguageSelector = sdk.getComponent('views.auth.LanguageSelector');
-
         return (
             <div className="mx_AuthHeader">
                 <AuthHeaderLogo />

src/components/views/auth/AuthPage.tsx

@@ -17,14 +17,12 @@ limitations under the License.
 */
 
 import React from 'react';
-import * as sdk from '../../../index';
 import { replaceableComponent } from "../../../utils/replaceableComponent";
+import AuthFooter from "./AuthFooter";
 
 @replaceableComponent("views.auth.AuthPage")
 export default class AuthPage extends React.PureComponent {
     public render(): React.ReactNode {
-        const AuthFooter = sdk.getComponent('auth.AuthFooter');
-
         return (
             <div className="mx_AuthPage">
                 <div className="mx_AuthPage_modal">

src/components/views/auth/CountryDropdown.tsx

@@ -16,12 +16,11 @@ limitations under the License.
 
 import React from 'react';
 
-import * as sdk from '../../../index';
-
 import { COUNTRIES, getEmojiFlag, PhoneNumberCountryDefinition } from '../../../phonenumber';
 import SdkConfig from "../../../SdkConfig";
 import { _t } from "../../../languageHandler";
 import { replaceableComponent } from "../../../utils/replaceableComponent";
+import Dropdown from "../elements/Dropdown";
 
 const COUNTRIES_BY_ISO2 = {};
 for (const c of COUNTRIES) {
@@ -110,8 +109,6 @@ export default class CountryDropdown extends React.Component<IProps, IState> {
     };
 
     public render(): React.ReactNode {
-        const Dropdown = sdk.getComponent('elements.Dropdown');
-
         let displayedCountries;
         if (this.state.searchQuery) {
             displayedCountries = COUNTRIES.filter(

src/components/views/auth/LanguageSelector.tsx

@@ -18,9 +18,9 @@ import SdkConfig from "../../../SdkConfig";
 import { getCurrentLanguage } from "../../../languageHandler";
 import SettingsStore from "../../../settings/SettingsStore";
 import PlatformPeg from "../../../PlatformPeg";
-import * as sdk from '../../../index';
 import React from 'react';
 import { SettingLevel } from "../../../settings/SettingLevel";
+import LanguageDropdown from "../elements/LanguageDropdown";
 
 function onChange(newLang: string): void {
     if (getCurrentLanguage() !== newLang) {
@@ -33,10 +33,8 @@ interface IProps {
     disabled?: boolean;
 }
 
-export default function LanguageSelector({ disabled }: IProps): React.ReactNode {
+export default function LanguageSelector({ disabled }: IProps): JSX.Element {
     if (SdkConfig.get()['disable_login_language_selector']) return <div />;
-
-    const LanguageDropdown = sdk.getComponent('views.elements.LanguageDropdown');
     return <LanguageDropdown
         className="mx_AuthBody_language"
         onOptionChange={onChange}

src/components/views/auth/Welcome.tsx

@@ -17,7 +17,6 @@ limitations under the License.
 import React from 'react';
 import classNames from "classnames";
 
-import * as sdk from '../../../index';
 import SdkConfig from '../../../SdkConfig';
 import AuthPage from "./AuthPage";
 import { _td } from "../../../languageHandler";
@@ -25,6 +24,8 @@ import SettingsStore from "../../../settings/SettingsStore";
 import { UIFeature } from "../../../settings/UIFeature";
 import CountlyAnalytics from "../../../CountlyAnalytics";
 import { replaceableComponent } from "../../../utils/replaceableComponent";
+import EmbeddedPage from "../../structures/EmbeddedPage";
+import LanguageSelector from "./LanguageSelector";
 
 // translatable strings for Welcome pages
 _td("Sign in with SSO");
@@ -42,9 +43,6 @@ export default class Welcome extends React.PureComponent<IProps> {
     }
 
     public render(): React.ReactNode {
-        const EmbeddedPage = sdk.getComponent('structures.EmbeddedPage');
-        const LanguageSelector = sdk.getComponent('auth.LanguageSelector');
-
         const pagesConfig = SdkConfig.get().embeddedPages;
         let pageUrl = null;
         if (pagesConfig) {