spacedrive/interface/hooks/useDeeplinkEventHandler.ts

import { useEffect } from "react";
import { useNavigate } from "react-router";
import { DeeplinkEvent } from "~/util/events";

export const useDeeplinkEventHandler = () => {
	const navigate = useNavigate();
	useEffect(() => {
		const handler = (e: DeeplinkEvent) => {
			e.preventDefault();

			const url = e.detail.url;
			if (!url) return;

			navigate(url);
		};

		document.addEventListener('deeplink', handler);
		return () => document.removeEventListener('deeplink', handler);
	}, [navigate]);
}