类型错误：无法读取未定义的属性“切换”反应

Question

我有这个错误：

类型错误：无法读取未定义的属性“切换”

我的代码是：

import React from 'react';
import { Navbar } from 'bootstrap/dist/css/bootstrap.min.css';
import './Header.css';

const Header = () => {
  return (
    <>
      <Navbar fixed = 'top' bg = 'white'>
        <Navbar.Toggle />
        <Navbar.Collapse className ='justify-content-first'>
          <div className ='blankbox'>
            fakeweb
          </div>
        </Navbar.Collapse>
          <Navbar.Collapse className = "justify-content-center" variant = 'white'>
            <Navbar.Brand variant ='light' href="/main">
              Photo-web
            </Navbar.Brand>
          </Navbar.Collapse>
          <Navbar.Collapse className="justify-content-end">
            <Navbar.Text bg ='white'>
              <a href="/login">
                login
                {/* {loginInFo} */}
                </a>
            </Navbar.Text>
        </Navbar.Collapse>
      </Navbar>
    </>
  );
};

export default Header;

错误信息指向第 8 行，这里...

<Navbar fixed = 'top' bg = 'white'>

我没有使用任何 classList，也从未使用过切换。