reactjs - 'HelmetProvider' 不是有效的 JSX 元素

我正在使用 TypeScript 和 React 開發儀表板。程式碼在我的筆記型電腦上運作正常，但在 pipeline 中出現此錯誤，'TypeScript error in App.tsx. HelmetProvider' 不是有效的 JSX 元素。其實例類型 'HelmetProvider' 不是有效的 JSX 元素。 我試過這裡找到的所有解決方案，但都沒有用。我使用的 nodejs 版本是 16.4.2，react-helmet-async 版本 1.3.0，TypeScript 版本 4.4.2

以下是 App.tsx 中的程式碼。

  import { Helmet, HelmetProvider } from "react-helmet-async";
  function App() {
  const content = useRoutes(routes);
  const { theme } = useTheme();
  // localStorage.removeItem("auth_session");
  const helmetContext = {};

  return (
    <HelmetProvider context={helmetContext}>
      {
        <Helmet
          titleTemplate="%s | Leelou Dashboard"
          defaultTitle="Leelou Admin Dashboard"
        />
      }
      <Provider store={store}>
        <StylesProvider jss={jss}>
          <LocalizationProvider dateAdapter={AdapterDateFns}>
            <StyledEngineProvider injectFirst>
              <MuiThemeProvider theme={createTheme(theme)}>
                <ThemeProvider theme={createTheme(theme)}>
                  <AuthProvider>{content}</AuthProvider>
                </ThemeProvider>
              </MuiThemeProvider>
            </StyledEngineProvider>
          </LocalizationProvider>
        </StylesProvider>
      </Provider>
    </HelmetProvider>
  );
}

答案＃1

嘗試將 @types/react 和 @types/react-dom 升級到最新版本