Estoy tratando de aprender React pero este 'Contenedor' no está definido y no sé por qué recibí este error, aunque hice todo en el curso.

Aquí está App.js

 import React from "react"; import { Row } from "reactstrap"; import CategroyList from "./CategroyList"; import Navi from "./Navi"; import ProductList from "./ProductList"; function App() { return ( <div> <Container> //'Container' is not defined <Row> <Navi /> </Row> <Row> <CategroyList /> <ProductList /> </Row> </Container> </div> ); } export default App;

Aquí el código json y descargué la última versión de Reacstrap e importé el 'bootstrap/dist/css/bootstrap.min.css' en mi archivo index.js, pero como puede ver, sigo tomando el error.

 "name": "intro", "version": "0.1.0", "private": true, "dependencies": { "@testing-library/jest-dom": "^5.14.1", "@testing-library/react": "^11.2.7", "@testing-library/user-event": "^12.8.3", "react": "^17.0.2", "react-dom": "^17.0.2", "react-scripts": "4.0.3", "reactstrap": "^9.0.0", "web-vitals": "^1.1.2" }, "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" }, "eslintConfig": { "extends": [ "react-app", "react-app/jest" ] }, "browserslist": { "production": [ ">0.2%", "not dead", "not op_mini all" ], "development": [ "last 1 chrome version", "last 1 firefox version", "last 1 safari version" ] } }