useShop

The useShop hook enables fetching a shop by its ID.

Anchor to useShop
useShop(
params
)

Anchor to useShop-parametersParameters

Anchor to params params required

Anchor to useShop-returnsReturns

UseShopParams

fetchPolicy
```
DataHookFetchPolicy
```
id
The shop ID to fetch.
```
string
```
skip
```
boolean
```

DataHookFetchPolicy

'cache-first' | 'network-only'

UseShopReturns

error
```
Error | null
```
loading
```
boolean
```
refetch
```
() => Promise<void>
```
shop
The shop returned from the query.
```
Shop | null
```

Shop

id
```
string
```
isFollowing
```
boolean | null
```
logoImage
```
ProductImage | null
```
name
```
string
```
primaryDomain
```
{ url: string; }
```

reviewAnalytics

{ averageRating?: number; reviewCount: number; }

shareUrl
```
string | null
```
visualTheme
```
VisualTheme | null
```

ProductImage

altText
```
string | null
```
height
```
number | null
```
id
```
string | null
```
sensitive
```
boolean | null
```
thumbhash
```
string | null
```
url
```
string
```
width
```
number | null
```

VisualTheme

brandSettings
```
BrandSettings | null
```
description
```
string | null
```
featuredImages
```
ImageType[]
```
id
```
string
```
logoImage
```
ImageType | null
```

BrandSettings

colors
```
ColorTheme | null
```
headerTheme
```
HeaderTheme | null
```
id
```
string
```
logos
```
LogoTheme | null
```

ColorTheme

coverDominant
```
string | null
```
id
```
string
```
logoAverage
```
string | null
```
logoDominant
```
string | null
```
primary
```
string | null
```
secondary
```
string | null
```
secondaryText
```
string | null
```
statusBarStyle
```
string | null
```

HeaderTheme

coverImage
```
ImageType | null
```
endingScrimColor
```
string | null
```
id
```
string
```
startingScrimColor
```
string | null
```
thumbnailImage
```
ImageType | null
```
videoUrl
```
string | null
```
wordmark
```
ImageType | null
```

ImageType

altText
```
string | null
```
height
```
number | null
```
sensitive
```
boolean
```
thumbhash
```
string | null
```
url
```
string
```
width
```
number | null
```

LogoTheme

id
```
string
```
logoImage
```
ImageType | null
```

Examples

tsx

import {useShop} from '@shopify/shop-minis-react'

export default function MyComponent() {

const {shop, loading, error} = useShop({id: 'gid://shopify/Shop/1234567890'})

console.log({shop, loading, error})

}