react-bootstrap Accordion Error in /turbo_modules/react@19.1.1/cjs/react.development.js

[greghowe18-creator]

My basic react-bootstrap Accordion app will not render. I'm receiving the follow error message:

Error in /turbo_modules/react@19.1.1/cjs/react.development.js (984:20)
can't access property "useRef", resolveDispatcher() is null

[https://stackblitz.com/edit/react-akajsjsx]

My App,js

import React from "react";
import Accordion from 'react-bootstrap/Accordion';
import 'bootstrap/dist/css/bootstrap.min.css';
export default function App() {
  return (
    <Accordion defaultActiveKey="0">
      <Accordion.Item eventKey="0">
        <Accordion.Header>Accordion Item #1</Accordion.Header>
        <Accordion.Body>
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
        </Accordion.Body>
      </Accordion.Item>
      <Accordion.Item eventKey="1">
        <Accordion.Header>Accordion Item #2</Accordion.Header>
        <Accordion.Body>
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
        </Accordion.Body>
      </Accordion.Item>
    </Accordion>    
  );
}

My package.json:
{ "name": "react", "version": "0.0.0", "private": true, "dependencies": { "@popperjs/core": "^2.11.8", "@types/react": ">=16.14.8", "bootstrap": "^5.3.8", "react": "^18.1.0", "react-bootstrap": "^2.10.10", "react-dom": "^18.1.0" }, "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test --env=jsdom", "eject": "react-scripts eject" }, "devDependencies": { "react-scripts": "latest" } }