Bootstrap Modal renders in React Component but is not visible

Question

I am making my first bootstrap modal in react but I\'m struggling with it. I have the below component which is imported into my application\'s navbar. When I click the ancho