// File Test.tsx
import * as React from "react";

interface Props {
    url: string | null
    size?: 'small' | 'medium' | 'large' | 'custom'
}

export class Test extends React.Component<Props, {}> {

    render() {
       return <div/>
    }
}




// File Test2.tsx
import * as React from "react";
import * as Ui from './Test'
import { Test } from './Test'

interface Props {
}

export class Test2 extends React.Component<Props, {}> {

    render() {
       return <div>
            <Test />  // <- OK inside <Test />
            <Ui.Test /> <- Not ok inside <Ui.Test />
        </div>
    }
}