fluxer/fluxer_app/src/features/app/hooks/useHashParam.ts

// SPDX-License-Identifier: AGPL-3.0-or-later

import {useEffect, useState} from 'react';

export function useHashParam(paramName: string): string | null {
	const [value, setValue] = useState<string | null>(() => {
		const hash = window.location.hash;
		if (hash?.startsWith(`#${paramName}=`)) {
			return hash.substring(`#${paramName}=`.length);
		}
		return null;
	});
	useEffect(() => {
		const handleHashChange = () => {
			const hash = window.location.hash;
			if (hash?.startsWith(`#${paramName}=`)) {
				setValue(hash.substring(`#${paramName}=`.length));
			} else {
				setValue(null);
			}
		};
		window.addEventListener('hashchange', handleHashChange);
		return () => window.removeEventListener('hashchange', handleHashChange);
	}, [paramName]);
	return value;
}