React hook to check if the component is still mounted
npm install react-is-mounted-hook> React hook to check if the component is still mounted
``sh
// with npm
npm install react-is-mounted-hook
// with yarn
yarn add react-is-mounted-hook
`
`javascript
import React, { useState, useEffect } from 'react';
import useIsMounted from 'react-is-mounted-hook';
import axios from 'axios';
import Loading from './loading';
import Result from './result';
const FetchComponent = () => {
const isMounted = useIsMounted();
const [data, setData] = useState(null);
useEffect(() => {
const fetchData = async () => {
const result = await axios(
'http://hn.algolia.com/api/v1/search?query=redux'
);
if (isMounted()) {
setData(result.data);
}
};
fetchData();
}, [isMounted]);
return data ?
};
export default FetchComponent;
``