Trying to use bootstrap carousel with React.

Advert.jsx

import React from 'react';

import './Advert.css';
import Aux from '../../../hoc/Auxi';
import {Carousel} from 'reactstrap';

import billeniumLogo from '../../../assets/img/homePage/billennium.png';
import uwmLogo from '../../../assets/img/homePage/uwmLogo.png';


const advert = (props) => {
  return (
        <Carousel>
  <Carousel.Item>
    <img width={900} height={500} alt="900x500" src={billeniumLogo} />
    <Carousel.Caption>
      <h3>First slide label</h3>
      <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
    </Carousel.Caption>
  </Carousel.Item>
  <Carousel.Item>
    <img width={900} height={500} alt="900x500" src={uwmLogo} />
    <Carousel.Caption>
      <h3>Second slide label</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    </Carousel.Caption>
  </Carousel.Item>
  <Carousel.Item>
    <img width={900} height={500} alt="900x500" src={uwmLogo} />
    <Carousel.Caption>
      <h3>Third slide label</h3>
      <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
    </Carousel.Caption>
  </Carousel.Item>
</Carousel>
  );
}

export default advert;