next-intl/dist/esm/development/navigation/react-client/useBasePathname.js

Internationalization (i18n) for Next.js

import { usePathname } from 'next/navigation';
import { useMemo } from 'react';
import { useLocale } from 'use-intl';
import { hasPathnamePrefixed, unprefixPathname, getLocalePrefix, getLocaleAsPrefix } from '../../shared/utils.js';

function useBasePathname(config) {
  // The types aren't entirely correct here. Outside of Next.js
  // `useParams` can be called, but the return type is `null`.

  // Notes on `useNextPathname`:
  // - Types aren't entirely correct. Outside of Next.js the
  //   hook will return `null` (e.g. unit tests)
  // - A base path is stripped from the result
  // - Rewrites *are* taken into account (i.e. the pathname
  //   that the user sees in the browser is returned)
  const pathname = usePathname();
  const locale = useLocale();
  return useMemo(() => {
    if (!pathname) return pathname;
    let unlocalizedPathname = pathname;
    const prefix = getLocalePrefix(locale, config.localePrefix);
    const isPathnamePrefixed = hasPathnamePrefixed(prefix, pathname);
    if (isPathnamePrefixed) {
      unlocalizedPathname = unprefixPathname(pathname, prefix);
    } else if (config.localePrefix.mode === 'as-needed' && config.localePrefix.prefixes) {
      // Workaround for https://github.com/vercel/next.js/issues/73085
      const localeAsPrefix = getLocaleAsPrefix(locale);
      if (hasPathnamePrefixed(localeAsPrefix, pathname)) {
        unlocalizedPathname = unprefixPathname(pathname, localeAsPrefix);
      }
    }
    return unlocalizedPathname;
  }, [config.localePrefix, locale, pathname]);
}

export { useBasePathname as default };