` with `\u003CNuxtPage />`\r\n3. create a file `pages/index.vue`\r\n4. create a useAsyncData call:\r\n\r\n```\r\nconst { data, error } = await useAsyncData('test', async () => {\r\n if (process.server) {\r\n console.log('Server: hi');\r\n } else if (process.client) {\r\n console.log('Client: hi');\r\n }\r\n const response = await $fetch('/api/test')\r\n});\r\n```\r\n\r\n5. create a file `server/api/test.get.ts` with this code:\r\n\r\n```\r\nexport default defineEventHandler(async event => {\r\n console.log('test.get.ts hit')\r\n});\r\n```\r\n\r\n6. `npm run dev` and each time you refresh the page, the console log in terminal will show \r\n\r\n```\r\nServer: hi\r\ntest.get.ts hit\r\ntest.get.ts hit\r\n```\r\n\r\nI've tested this on my main project with a api endpoint that adds a row to the database, and it is adding two rows every refresh. \r\n\r\nI think the problem is that useAsyncData is running the full function both on server and client. It should not be re-fetching the data on client.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2024,2025],{"name":2012,"color":2013},{"name":1999,"color":2000},26049,"useAsyncData is running twice refetching data (server and client)","2024-03-03T08:53:17Z","https://github.com/nuxt/nuxt/issues/26049",0.61936015,{"labels":2032,"number":2035,"owner":1988,"repository":1988,"state":1990,"title":2036,"updated_at":2037,"url":2038,"score":2039},[2033,2034],{"name":2012,"color":2013},{"name":1999,"color":2000},13460,"useAsyncData changed behaviour","2023-01-19T16:58:59Z","https://github.com/nuxt/nuxt/issues/13460",0.619432,{"description":2041,"labels":2042,"number":2048,"owner":1988,"repository":1988,"state":1990,"title":2049,"updated_at":2050,"url":2051,"score":2052},"### Environment\n\n------------------------------\r\n- Operating System: Windows_NT\r\n- Node Version: v16.14.0\r\n- Nuxt Version: 3.5.0\r\n- Nitro Version: 2.4.0\r\n- Package Manager: pnpm@8.3.1\r\n- Builder: vite\r\n- User Config: vite\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\r\n\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-btqy9q?file=server%2Fapi%2Ftemp.ts,app.vue\n\n### Describe the bug\n\nWhen useAsyncData with `immediate` option `false` and call later by `execute` or `refresh` method, it makes fetching data twice and `Hydration mismatch` if result of api call is different. I chekced `NuxtApp payload`, it has cached data, but it seems it doesn't use it. Is this intended behavior?\r\n\r\n\r\n\r\nI also have other [questions in discussions](https://github.com/nuxt/nuxt/discussions/20885). if possible, plz answer those too. Thanks!\r\n\r\n\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2043,2044,2047],{"name":2012,"color":2013},{"name":2045,"color":2046},"dx","C39D69",{"name":1985,"color":2015},20900,"useAsyncData with immediate false and call execute after makes fetching the data twice","2023-05-17T13:23:54Z","https://github.com/nuxt/nuxt/issues/20900",0.6229127,{"labels":2054,"number":2057,"owner":1988,"repository":1988,"state":1990,"title":2058,"updated_at":2059,"url":2060,"score":2061},[2055,2056],{"name":2012,"color":2013},{"name":1985,"color":2015},12885,"useAsyncData does not pass errors from server to client-side ","2023-08-25T09:04:51Z","https://github.com/nuxt/nuxt/issues/12885",0.6339003,{"labels":2063,"number":2069,"owner":1988,"repository":1988,"state":1990,"title":2070,"updated_at":2071,"url":2072,"score":2073},[2064,2065,2066],{"name":2012,"color":2013},{"name":1985,"color":2015},{"name":2067,"color":2068},"app","17512D",11068,"asyncData runs twice on client-side navigation","2023-01-19T14:46:58Z","https://github.com/nuxt/nuxt/issues/11068",0.636462,{"labels":2075,"number":2081,"owner":1988,"repository":1988,"state":1990,"title":2082,"updated_at":2083,"url":2084,"score":2085},[2076,2079,2080],{"name":2077,"color":2078},"enhancement","8DEF37",{"name":2012,"color":2013},{"name":1985,"color":2015},12835,"Allow using `useAsyncData` from Nuxt plugins","2023-01-19T16:36:14Z","https://github.com/nuxt/nuxt/issues/12835",0.63851386,{"description":2087,"labels":2088,"number":2091,"owner":1988,"repository":1988,"state":1990,"title":2092,"updated_at":2093,"url":2094,"score":2095},"### Environment\n\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.20.3\r\n- Nuxt Version: 3.11.2\r\n- CLI Version: 3.11.1\r\n- Nitro Version: 2.9.6\r\n- Package Manager: npm@10.2.3\r\n- Builder: -\r\n- User Config: devtools\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-5jqx3p?file=pages%2Findex.vue\r\n\r\nReload the index page and see that https://jsonplaceholder.typicode.com/posts is called again on client side although the data is present in the payload data.\n\n### Describe the bug\n\nWhen using useFetch or useAsyncData inside a component which is inserted into the DOM by a dynamic component, useFetch or useAsyncData won't use the data from the payload but calls the API endpoint again on client side which results in two calls to the REST API endpoint (SSR and Client). It should take the data from the payload instead of making another call on client side.\r\n\r\n\r\n\n\n### Additional context\n\nThis problem is crucial when working with Storyblok CMS as Storyblok mainly works with dynamic components.\n\n### Logs\n\n_No response_",[2089,2090],{"name":2012,"color":2013},{"name":1999,"color":2000},27439,"useFetch and useAsyncData loading twice (SSR & Client) when inside a dynamic loaded component","2024-06-20T11:09:41Z","https://github.com/nuxt/nuxt/issues/27439",0.64553803,["Reactive",2097],{},["Set"],["ShallowReactive",2100],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"TovPUfEW25qOgJ7A63ENpN3qiloBvtSJbycih-j_wH4":-1},"/nuxt/scripts/44"]