在 @types/react 中，全域 JSX 命名空間已被棄用：

declare global {
    /**
     * @deprecated Use `React.JSX` instead of the global `JSX` namespace.
     */
    namespace JSX {
    ...
    }
}

由於我啟用了 ESLint 的 deprecation/deprecation 規則（來自外掛程式 eslint-plugin-deprecation），我現在收到如下函數元件傳回類型的錯誤：

export default function TestComponent(): JSX.Element { // This JSX is marked as deprecated
    return (
        <span>Test</span>
    );
}

既然全域 JSX 命名空間已被棄用，那麼在這種情況下 JSX.Element 的正確回傳類型替換是什麼？

它是 React.JSX.Element 嗎，如棄用訊息中所述：

export default function TestComponent(): React.JSX.Element { ... }

或是 ReactElement 像這樣：

import { ReactElement } from "react";
export default function TestComponent(): ReactElement { ... }

或最好使用 React.FC 宣告函數元件並讓 TypeScript 推斷回傳類型，如下所示：

export const TestComponent: React.FC = () => { ... };