Can't use `react-bootstrap-icons` after migrating to version 2 of `react-bootstrap`

I 've recently upgraded the react-bootstrap to version 2 but it seems passing any svg from the react-bootstrap-icons doesn't work there Here's a sample code

 import {
  Download,
} from 'react-bootstrap-icons';

import {
  Button,
} from 'react-bootstrap';

const myComponent = () =>{
return (
  <Button>

       <Download/>
  </Button>

);
}

error message is
'Download' cannot be used as a JSX component. Its element type 'ReactElement<any, any> | Component<Props, any, any> | null' is not a valid JSX element.