收到错误的`Type'{theme：Theme; }'在尝试将其作为道具传递给App组件时无法分配给类型`

Posted 2023-01-10

就我的应用程序启动而言，我采用的方法略有不同，因为我想在useLocation组件中使用App钩子。我是Typescript的新手，但遇到了一个问题。这是我所拥有的：

// index.tsx

const theme: Theme = createMuiTheme(
  palette: 
    primary: 
      main: '#43C099',
    ,
  ,
);

ReactDOM.render(
  <Provider store=store>
    <ThemeProvider theme=theme>
      <CssBaseline />
          <Router>
            <App theme=theme />
          </Router>
    </ThemeProvider>
  </Provider>
, document.getElementById('root'));

// App.tsx

interface IFC extends FC 
  theme: Theme


const App: FC<IFC> = ( theme ) => 

// ...

错误来自index.tsx，我的IDE在下划线<App ...并抛出错误，

Type ' theme: Theme; ' is not assignable to type 'IFC'.

我在这里做错了什么？

答案

想通了。应该是，

interface IFC 
  theme: Theme