You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
15 lines
608 B
15 lines
608 B
import { useEffect, useRef } from 'react';
|
|
import { useDispatch } from 'react-redux';
|
|
import { cleanUpAction, StateSelector } from '../actions/cleanUp';
|
|
|
|
export function useCleanup<T>(stateSelector: StateSelector<T>) {
|
|
const dispatch = useDispatch();
|
|
//bit of a hack to unburden user from having to wrap stateSelcetor in a useCallback. Otherwise cleanup would happen on every render
|
|
const selectorRef = useRef(stateSelector);
|
|
selectorRef.current = stateSelector;
|
|
useEffect(() => {
|
|
return () => {
|
|
dispatch(cleanUpAction({ stateSelector: selectorRef.current }));
|
|
};
|
|
}, [dispatch]);
|
|
}
|
|
|