RocketChat/Rocket.Chat

import { useCallback, useContext } from 'react';
import { useSyncExternalStore } from 'use-sync-external-store/shim';

import { RouterContext } from '../RouterContext';

export const useRouteParameter = (name: string): string | undefined => {
    const router = useContext(RouterContext);

    const getSnapshot = useCallback(() => {
        return router.getRouteParameters()[name];
    }, [router, name]);

    return useSyncExternalStore(router.subscribeToRouteChange, getSnapshot);
};