I keep getting this error despite having tried to install react-bootstrap, reactstrap, adding the scripts and imports from react-bootstrap documentation.

I have tried : npm i react-bootstrap --save

And: npm install react-bootstrap bootstrap

I have created a similar project with this same component and it works perfectly fine, I don't understand why it won't work in this project.

This is the component file:

import React from 'react';
import './Header.css'
import Navbar from 'react-bootstrap/Navbar'
import {Container} from "reactstrap";
import 'bootstrap/dist/css/bootstrap.min.css';
import { NavLink } from 'react-router-dom';

const Navigation = () =>{
    return(
        

        
            
                Home
                Catallaxy
                Events
                About Us
                Gallery
            
        
        
    )
}
export default Navigation;