How to do redux dispatch inside useEffect?

Question

React

const function Component = () => {
   const data = useSelector(state => state.data);
   
useEffect(async () => {
    const {token} = queryString.parse(location.search):
   const response = await fetch(...).then(res => res.json());
   if (!response.status) {
        dispatch(updateError(true));
   }
}, []);
};

I get the expected result, but in console.log the component is updated infinitely or a large number of times

Answer 1

misusing async with the useEffect hook. You need to define an asynchronous function in the body of the hook and then call it. Read more here https://www.robinwieruch.de/react-hooks-fetch-data