React image not rendering - /Capture.PNG which falls outside of the project src/ directory. Relative imports outside of src/ are not supported

Question

I am attempting to render an image in React-Strap.

I have tried importing the image from an images folder as pictured below.

folder set up

I have also tried putting the image directly into the source folder and then utilizing it in the code as pictured below.

folder set up

This is the actual error I am getting:

Actual Error

I have tried the following image tags in my code:

Attempted Code

Each time I get an error that says the image falls outside of the project and that relative imports outside of the source folder are not supported.

Answer 1

This is ended up working for me.

1. 

2.