Проблема при реализации React Router DOM ⇐ Javascript

[Anonymous]

После написания этого кода мои выходные данные становятся пустыми, на моей странице не отображаются данные.
Это код моего файла App.js:

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

import './App.css';
import React, { Component } from 'react'
import NavBar from './Components/NavBar';
import News from './Components/News';

import {
BrowserRouter as Router,
Switch,
Route
} from "react-router-dom";

export default class App extends Component {
render() {
return (















)
}
}

Это мой код NavBar.js:

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

import React, { Component } from 'react'
import { Link } from "react-router-dom";

export class NavBar extends Component {

render() {
return (



[*]NewsMonkey




[list]

Home

[*]Business
[*]Entertainment
[*]General
[*]Health
[*]Science
[*]Sports
[*]Technology

[/list]




)
}
}

export default NavBar

В консоли произошла ошибка:

installHook.js:1 Произошла ошибка в компоненте
. Рассмотрите возможность добавления границы ошибки в дерево, чтобы настроить поведение обработки ошибок. Посетите https://react.dev/link/error-boundaries, чтобы узнать больше о границах ошибок.


Подробнее здесь: https://stackoverflow.com/questions/799 ... router-dom