找不到命名空间 React Context TypeScript

Question

import React, { useState, createContext, FC } from "react";
import {
  InitialInputValues,
  InputsInitiaState,
} from "../components/AccountDetails/AccountDetails.type";

export const TestContext = createContext<InputsInitiaState>(InitialInputValues);

const TodoProvider: FC<React.ReactNode> = ({ children }) => {
  const [inputs, setInputs] = useState<InputsInitiaState>(InitialInputValues);
  return <TestContext.Provider value={inputs}>{children}</TestContext.Provider>;
};

我有以下问题：我创建了上下文，我试图返回子组件以便将上下文传递给应用程序，但 TypeScript 说 TestContext 找不到它的名称空间。我在很多地方进行了研究，所有地方都显示了相同的处理上下文的方式，有人可以看一下并指出我缺少什么，提前感谢。我也会分享一张错误的图片

Answer 1

看起来您的文件正在被解析为 TypeScript 而不是“TypeScript React”（即带有 JSX 的 TS）。

这就是为什么它尝试将您的 JSX 标记读取为类型。