@jswork/use-mounted v1.0.1

use-mounted

React hook to check if the component is still mounted.

installation

npm install @jswork/use-mounted

usage

import React, { useState, useEffect } from 'react';
import useMounted from '@jswork/use-mounted';
import myService from './myService';
import Loading from './Loading';
import ResultsView from './ResultsView';

const MySecureComponent = () => {
  const isMounted = useMounted();
  const [results, setResults] = useState(null);

  useEffect(() => {
    myService.getResults().then(val => {
      if (isMounted.current) {
        setResults(val);
      }
    });
  }, [myService.getResults]);

  return results ? <ResultsView results={results} /> : <Loading />;
};

export default MySecureComponent;

license

Code released under the MIT license.