Multiple hydration warnings
I have a problem with hydration and I don't understand.
The problem is when i fetch data in SSR, I have this error in my console
Data loaded are binded in my component Button, or Pager ...
<GridListPager
:pagination="shippingDelaysPagination"
@change-page="(page) => fetchShippingDelays({ page })"
/>
shippingDelaysPagination it's a computed (from data fetch)
At the end of the script setup, i call my fetchData method: await fetchDatas() and they are well loaded in SSR
This is the error message:
Hydration node mismatch:
The problem is when i fetch data in SSR, I have this error in my console
Data loaded are binded in my component Button, or Pager ...
<GridListPager
:pagination="shippingDelaysPagination"
@change-page="(page) => fetchShippingDelays({ page })"
/>
shippingDelaysPagination it's a computed (from data fetch)
At the end of the script setup, i call my fetchData method: await fetchDatas() and they are well loaded in SSR
This is the error message:
Hydration node mismatch:
- Client vnode: Symbol(Fragment)
- Server rendered DOM: <!--]-->
