How to use skeleton in react?

i am using nextui in my react project. in one section of my project i get the products from server with fetch and use ProductCard component to show product infos in dom(every product card is a component in app.jsx) and want use nextui skeleton component before get products and ahow in dom. Now, am i use skeleton in ProductCard component or in app.jsx before fetch?

for example:

App.jsx:

{products.length?
<Skeleton>
   //codes
</Skeleton>
:
products.map(product=><ProductCard {...product}/>)
}

Is it true and clean?

I dont tried beacause iam not sure is it true?
But i know it work.