createTempVariable() should also try to not shadowing upper lexical environment temp variables #40826

const ts = require('typescript')
const t = require('./ReactFreshTypeScriptTransformer.js')

console.log(
    ts.transpileModule(
        `
import { useDefaultWallet } from '../../plugins/Wallet/hooks/useWallet'

/**
 * Get the address of the default wallet
 */
export function useAccount() {
    const wallet = useDefaultWallet()
    return wallet?.address ?? ''
}
`,
        {
            transformers: { before: [t()] },
            compilerOptions: { target: ts.ScriptTarget.ES2017 },
        }
    ).outputText
)

var _a;
_a = $RefreshSig$();
import { useDefaultWallet } from '../../plugins/Wallet/hooks/useWallet';
/**
 * Get the address of the default wallet
 */
export function useAccount() {
    var _a;
    _a();
    const wallet = useDefaultWallet();
    return (_a = wallet === null || wallet === void 0 ? void 0 : wallet.address) !== null && _a !== void 0 ? _a : '';        
}
_a(useAccount, "Zqcse9ORXvHAGVGDGSjWLnVdvA4=", false, () => [useDefaultWallet]);

var $c0;
$c0 = $RefreshSig$();
import { useDefaultWallet } from '../../plugins/Wallet/hooks/useWallet';
/**
 * Get the address of the default wallet
 */
export function useAccount() {
    var _a;
    $c0();
    const wallet = useDefaultWallet();
    return (_a = wallet === null || wallet === void 0 ? void 0 : wallet.address) !== null && _a !== void 0 ? _a : '';
}
$c0(useAccount, "Zqcse9ORXvHAGVGDGSjWLnVdvA4=", false, () => [useDefaultWallet]);