Так выглядит _app.tsx:
function MyApp({ Component, pageProps }: AppProps) {
return <Component {...pageProps} />
}
и я получаю эту ошибку во время билда проекта:
Type error: 'Component' cannot be used as a JSX component.
Its element type 'ReactElement<any, any> | Component<{}, any, any> | null' is not a valid JSX element.
Type 'Component<{}, any, any>' is not assignable to type 'Element | ElementClass | null'.
Type 'Component<{}, any, any>' is not assignable to type 'ElementClass'.
The types returned by 'render()' are incompatible between these types.
Type 'React.ReactNode' is not assignable to type 'import("/Users/user/node_modules/@types/react/index").ReactNode'.
Type '{}' is not assignable to type 'ReactNode'.
Это версии реакта:
"react": "17.0.2",
"react-dom": "17.0.2",
"@types/react": "17.0.26",
Пробовал переключится на 18 версию реакта, все работало, но появилась уже эта ошибка:
Hydration failed because the initial UI does not match what was rendered on the server
что делать?