reactjs - 'HelmetProvider' nije valjani JSX element

Koristim TypeScript i React za razvoj nadzorne ploče. Kod dobro radi na mom laptopu, ali u pipelineu se pojavljuje ova greška, 'TypeScript error in App.tsx. HelmetProvider' nije važeći JSX element. Tip instance 'HelmetProvider' nije važeći JSX element. Pokušao sam sva rješenja koja sam našao ovdje, ali nisu uspjela. Koristim Node.js verziju 16.4.2, react-helmet-async v 1.3.0, TypeScript verziju 4.4.2

Ispod je kod u 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>
  );
}

Odgovor #1

pokušajte nadograditi @types/react i @types/react-dom na najnovije verzije

Povezani članci