Intentando agregar un menú desplegable en un formulario de registro.

 import React from 'react'; import { Form, Option } from 'react-bootstrap'; function Signup() { return ( <Form> <Form.Group className='mb-3' controlId='firstName'> <Form.Label>First Name</Form.Label> <Form.Control type='firstName' placeholder='First name' required /> </Form.Group> <Form.Group className='mb-3' controlId='lastName'> <Form.Label>Last Name</Form.Label> <Form.Control type='firstName' placeholder='Last name' required /> </Form.Group> <Form.Group className='mb-3' controlId='email'> <Form.Label>Email</Form.Label> <Form.Control type='email' placeholder='Email address' required /> </Form.Group> <Form.Select aria-label='TeamSelect'> <Option>Select your team</Option> <Option value='1'>Team One</Option> <Option value='2'>Team Two</Option> </Form.Select> </Form> ) } export default Signup

si lo dejo asi me da error

 ERROR in ./src/components/pages/Signup.js 156:43-49 export 'Option' (imported as 'Option') was not found in 'react-bootstrap/Form' (possible exports: default)

Pero si dejo 'Opción' fuera de la importación, obtengo un error indefinido. ¿Que me estoy perdiendo aqui?

EDIT 1: Instalé react-bootstrap-select-dropdown y ya no recibo un error de que falta la 'Opción', sin embargo, la página no se carga (pantalla blanca).