@ruromufem

Ошибка про билде проекта nextjs?

Так выглядит _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

что делать?
  • Вопрос задан
  • 669 просмотров
Пригласить эксперта
Ответы на вопрос 1
@wonderingpeanut
1) Удалить папку .next и перезапустить дев сервер
2) Удалить папки .next, node_modules и lock файл, переустановить зависимости и запустить девсервер
3) Удалить папку с приложением и развернуть бойлерплейт заново

Одно из этого должно помочь. Скорее всего
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы