a.ts

export const a = "a"

export const aaa = () => a

b.tsx

import { a, aaa } from "./a.ts"
export { a as exportedA }

export const Comp = () => <div>{a}</div>
export const CompAAA = () => <div>{aaa()}</div>

// unrelated to a and should be ignored
export const Unrelated = () => <div>Unrelated</div>

c.tsx

import { Comp } from "./b.tsx"

// a variable of same name is in a.ts but
// should be treated as different variable
export const a = "1234"

export const Page = () => <div><Comp/></div>

d.tsx

import { exportedA, Unrelated } from "./b.tsx"
import { Page } from "./c.tsx"

export const InnerImport = () => <>
        <Page/>
        <Unrelated/>
    </>
export const AliasedImport = () => <div>{exportedA}</div>