小编New*_*own的帖子

朋友们大家好，我正在尝试创建自己的应用程序，但在将 React-router-dom 更新到 6.02 后遇到问题，我收到此错误

错误：[Home] 不是路线组件。路由的所有子组件必须是路由或 <React.Fragment>

代码如下

import { BrowserRouter, Route, Routes } from "react-router-dom";
import Navbar from "./components/Navbar/Navbar";
import Home from "./pages/home/Home";
import Login from "./pages/login/Login";
import Signup from "./pages/signup/Signup";

function App() {
  return (
    <div className="App">
      <BrowserRouter>
          <Navbar />
          <Routes>
            <Route exact path="/">
              <Home />
            </Route>
            <Route path="/login">
              <Login />
            </Route>
            <Route path="/signup">
              <Signup />
            </Route>
          </Routes>
      </BrowserRouter>
    </div>
  );
}

export default App;

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 找不到它的名称空间。我在很多地方进行了研究，所有地方都显示了相同的处理上下文的方式，有人可以看一下并指出我缺少什么，提前感谢。我也会分享一张错误的图片