Как исправить «Ошибка типа: невозможно прочитать свойства неопределенного значения (чтение «useSystemColorMode»)» ⇐ CSS

[Anonymous]

Итак, для создания проекта я использую ChakraUI и React JS. Всякий раз, когда я запускаю проект, он выдает мне ошибку «TypeError: невозможно прочитать свойства неопределенного значения (чтение «useSystemColorMode»)».

Я не редактировал ни глобальную тему, ни что-либо в чакре. Я только начал создавать панель навигации, созданную с помощью CSS. И когда я пытаюсь запустить его, он показывает ошибку.
вот мой компонент навигационной панели
import React from "react";
import { MenuItems } from "./MenuItems";
import "./navbar.css";

function Navbar() {
return (

• {MenuItems.map((item, index) => {
  return (
• 
  {item.title}
  
  
  );
  })}

);
}

export default Navbar;

CSS-файл панели навигации
.NavbarItems {
height: 80px;
display: flex;
justify-content: center;
}

Файл App.js
import { ChakraProvider } from "@chakra-ui/provider";
import Navbar from "./components/navbar";
function App() {
return (



);
}

export default App;


Подробнее здесь: https://stackoverflow.com/questions/702 ... sesystemco