How to Add a File Input Button and Display a Preview Image With React

Using the Material-UI library and the URL object

Photo by Viktor Talashuk on Unsplash

There are often times you want to upload images, videos, pdfs, or other documents from your device. We can easily accomplish this using the HTML input element by setting type="file". This would result in the following element being displayed on the screen.