Best way to have a loading icon between react router route transitions?

Question

Trying to get the preloader to show, fade out, and then show the new route. Whats the best way to do this? Right now the page is flashing, then the preloader shows, and fade