Does anyone knows how to fix this in react, im leaarning the language but it kept telling me this. Some help please? [closed]

I tried importing the NavBar from different parts in the src but still not working. I applied css, javascript on the NavBar but still wont work

import logo from "./logo.svg";
import "./App.css";
import NavBar from "../components/NavBar";
import "bootstrap/dist/css/bootstrap.min.css";

function App() {
  return (
    <div className="App">
      <NavBar />
    </div>
  );
}

export default App;

import { useState, useEffect } from "react";
import { Navbar, Container, Nav } from "react-bootstrap";
import logo from "../Assets/img/logo.svg";
import navIcon1 from "../Assets/img/nav-icon1.svg";
import navIcon2 from "../Assets/img/nav-icon2.svg";
import navIcon3 from "../Assets/img/nav-icon3.svg";`