Приложение NextJs будет работать нормально, а затем внезапно произойдет следующее: TypeError: невозможно прочитать свойс ⇐ Javascript

[Anonymous]

Иногда мое приложение работает отлично, а затем я вношу какие-то изменения, и при сохранении появляется такая ошибка типа: TypeError: невозможно прочитать свойства со значением null (чтение 'useReducer')
Он то работал нормально, то полностью ломался.
Это мой текущий package.json:

Код: Выделить всё

{
"name": "devsocial",
"version": "0.1.0",
"private": true,
"scripts": {
"dev": "next dev --turbopack",
"build": "next build",
"start": "next start",
"lint": "next lint"
},
"dependencies": {
"@clerk/clerk-react": "^5.21.2",
"@clerk/nextjs": "^6.9.9",
"convex": "^1.18.2",
"formik": "^2.4.6",
"next": "15.1.4",
"react": "^19.0.0",
"react-dom": "^19.0.0",
"yup": "^1.6.1"
},
"devDependencies": {
"@testing-library/dom": "^10.4.0",
"@testing-library/react": "^16.1.0",
"@types/node": "^20",
"@types/react": "^19.0.4",
"@types/react-dom": "^19.0.2",
"postcss": "^8",
"tailwindcss": "^3.4.1",
"typescript": "^5"
}
}

Это мой макет.tsx:

Код: Выделить всё

import type { Metadata } from 'next';
import { Inter } from 'next/font/google';
import './globals.css';
import { ClerkProvider } from '@clerk/nextjs';
import { ConvexClientProvider } from '../Providers/ConvexClientProvider';

const inter = Inter({ subsets: ['latin'] });
export const metadata: Metadata = {
title: 'socialdev',
description: 'Generated by create next app',
};

export default function RootLayout({
children,
}: Readonly) {
return (



{children}



);
}

• Я также убедился, что мои библиотеки поддерживают React 19 и Next 15.
• Я также пробовал очистить кеш, удалить папку node_modules и package-lock.json, затем переустановите с помощью npm install

Подробнее здесь: https://stackoverflow.com/questions/793 ... ing-typeer