found this

studyThis.js

// TODO study this thing
// https://stackoverflow.com/questions/54954091/how-to-use-callback-with-usestate-hook-in-react
function useSearchFilterCallback(initialState) {
	const [state, setState] = useState(initialState);
	const cbRef = useRef(null); // mutable ref to store current callback

	const setStateCallback = (state, cb) => {
		cbRef.current = cb; // store passed callback to ref
		setState(state);
	};

	useEffect(() => {
		// cb.current is `null` on initial render, so we only execute cb on state *updates*
		if (cbRef.current) {
			cbRef.current(state);
			cbRef.current = null; // reset callback after execution
		}
	}, [state]);

	return [state, setStateCallback];
}