react-concurrent-router/esm/useParams.js

Performant routing embracing React concurrent UI patterns

import { useContext, useState, useEffect } from 'react';
import { R as RouterContext } from './RouterContext-Bf2jDrm9.js';

const useParams = () => {
  const {
    get,
    subscribe
  } = useContext(RouterContext);
  const [params, setParams] = useState(get().params);
  useEffect(() => {
    const dispose = subscribe(async nextEntry => {
      setTimeout(() => setParams(nextEntry.params), 1);
    });
    return () => dispose();
  }, []);
  return params;
};

export { useParams as default };