this could be a useJquery() hook but u playin

gistfile1.jsx

const Box = () => {
	const ref = useJquery(($element) => {
		$element.click(() => {
			$element.animate(
				{
					opacity: 0.25,
					left: '+=50',
					height: 'toggle',
				},
				5000
			);
		});
	});

	return (
		<div>
			<button ref={ref}>Click me</button>
		</div>
	);
};

const useJquery = (callback, deps = []) => {
	const ref = useRef();
	useEffect(() => {
		$.ready(() => {
			/*
        callback with jq object and jq 
        itself just in case
        */
			callback($(ref.current), $);
		}, deps);
	});
	return ref;
};