@nosto/shopify-hydrogen/src/lib/useHydrogenRootFallback.ts

Component library to implement Nosto within Shopify Hydrogen

import { useMatches } from 'react-router-dom';

type CountryLegacy = {
  market?: {
    id?: string;
  };
} | null;

type RootLike = {
  language?: string;
  selectedLocale?: { language?: string; currency?: string };
  nostoProviderData?: { localization?: { country?: CountryLegacy } };
  nostoSessionData?: unknown | Promise<unknown>;
};

export function useHydrogenRootFallback(): Partial<RootLike> {
  const matches = useMatches() as Array<{ data?: unknown }>;
  const data = matches?.[0]?.data as any;

  return {
    language: data?.consent.language,
    selectedLocale: data?.selectedLocale,
    nostoProviderData: data?.nostoProviderData,
    nostoSessionData: data?.nostoSessionData,
  };
}