React: How to get loading spinner to show whilst API data loads into my chart.js chart

Question

I want a loading spinner to appear on the screen whilst API data loads and then the chart to appear and spinner to disappear once its all loaded.

I have managed to ge