useEffect making async/await axios call with error trapping, and setting to run every time a state var called "stockSymbol" updates

useEffectAxios.js

useEffect(() => {
        async function getDataAxios() {
            
            setLoading(true); 
            
            await axios({
                "method": "GET",
                "url": "https://apidojo-yahoo-finance-v1.p.rapidapi.com/stock/get-detail",
                "headers": {
                    "content-type": "application/octet-stream",
                    "x-rapidapi-host": "apidojo-yahoo-finance-v1.p.rapidapi.com",
                    "x-rapidapi-key": "98dec2a8fbmshfbd792fba05ee2bp12ca09jsn6fa94bdfa33c"
                }, "params": {
                    "region": "US",
                    "lang": "en",
                    "symbol": stockSymbol
                }
            })
                .then((response) => {
                    console.log(response.data)
                    setAverageDailyVolume10Day(response.data.summaryDetail.averageDailyVolume10Day.fmt);
                    setMajorHoldersBreakdown(response.data.majorHoldersBreakdown.insidersPercentHeld.fmt);
                    console.log(response.data.insiderHolders.holders);
                    { response.data.price.regularMarketChange.fmt < 0 ? setQuoteColor('red') : setQuoteColor('green') };
                    setLoading(false);

                })
                .catch((error) => {
                    console.log(error);
                    setLoading(false);
                    setAxiosError(error);
                })
        }
        getDataAxios();
    }, [stockSymbol]);