Skip to main content


The useShop hook provides access to values within the shopify property in the hydrogen.config.js file. It must be a descendent of a ShopifyProvider component.

Example code

import {useShop} from '@shopify/hydrogen';

export default function MyPage() {
const {locale} = useShop();

return <h1>The locale is {locale}</h1>;

Return value

The useShop hook returns an object with the following keys:

defaultCountryCodeThe defaultCountryCode from hydrogenConfig.shopify.
defaultLanguageCodeThe defaultLanguageCode from hydrogenConfig.shopify.
storeDomainThe store domain set in hydrogenConfig.shopify.
storefrontTokenThe Storefront API token set in hydrogenConfig.shopify.
storefrontApiVersionThe Storefront API version set in hydrogenConfig.shopify.