Comments (2)
danielroe
commented on July 19, 2024
1
This isn't a Nuxt-specific issue. But the problem is that your Symbol is unique, which means on hot reload (because only one component is reloaded) the symbol differs from parent + child. Instead you can use a global registry:
import { provide, inject, type InjectionKey } from 'vue';
export function useProvideContext<ContextValue>(contextName: string) {
- const injectionKey: InjectionKey<ContextValue | null> = Symbol(contextName);
+ const injectionKey: InjectionKey<ContextValue | null> = Symbol.for(contextName);
// ...
}from nuxt.
stackblitz
commented on July 19, 2024
from nuxt.
Related Issues (20)
- `navigateTo` calls made inside plugins are reverted in `app:created` hook
- `useCookie` does not work correctly in Chrome HOT 1
- Nuxt 3 locale javascript files not working after page changes
- Nitro server plugin called twice in dev-server with ssr: false HOT 2
- document new vue 3 page lifecycle behaviour HOT 4
- type issue when returning undefined with `getCachedData` HOT 1
- Nitro `close` hook not being called when stopping dev server HOT 1
- The regex caused the auto-imports to fail. HOT 2
- TypeError in production builds HOT 5
- `onBeforeRouteLeave` triggered by `router.replace({ query: {...} })` since `v3.12.3` HOT 4
- eager dependency pre-bundling is no longer working HOT 7
- FullCalendar table disappears when switching pages HOT 1
- Vite import types are not included with nuxt
- Catch or ignore import errors on modules/plugins
- how to import typescript package in nuxt ? HOT 1
- Uncaught (in promise) non-precached-url: non-precached-url :: [{"url":"/"}] HOT 4
- Nuxt Project Stopped Working During Windows 11 Development HOT 1
- Error cause is not available in error page when using `createError()` HOT 1
- Nuxt (ERROR TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received type function ([Function (anonymous)]))
- SWR (and ISR) not working locally
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from nuxt.