Issue description:
Using StoryblokRichText triggers a vue warning: Invalid watch source: undefined. A watch source can only be a getter/effect function, a ref, a reactive object, or an array of these types. Using old v-html with renderRichText does not trigger warning.
Wrapping StoryblokRichText in ClientOnly doesn't resolve the issue, which also shows up if StoryblokRichText is called in app.vue as well as nested components. Checking for block before rendering StoryblokRichText does not resolve the issue.
runtime-core.esm-bundler.js?v=206996f9:50 [Vue warn]: Invalid watch source: undefined A watch source can only be a getter/effect function, a ref, a reactive object, or an array of these types.
at <StoryblokRichText key=0 doc= {type: 'doc', content: Array(5)} >
at
at <Index onVnodeUnmounted=fn ref=Ref< Proxy(Object) {v_skip: true} > >
at <Anonymous key="/organizations" vnode= {__v_isVNode: true, v_skip: true, type: {…}, props: {…}, key: null, …} route= {fullPath: '/organizations?page=1', hash: '', query: {…}, name: 'organizationsendefault', path: '/organizations', …} ... >
at
at
at <Default ref=Ref< Proxy(Object) {__v_skip: true} > >
at <AsyncComponentWrapper ref=Ref< Proxy(Object) {__v_skip: true} > >
at <LayoutLoader key="default" layoutProps= {ref: RefImpl} name="default" >
at <NuxtLayoutProvider layoutProps= {ref: RefImpl} key="default" name="default" ... >
at
at
at
Describe the issue you're facing
Nuxt v: ^3.10.2 storyblok-nuxt v: ^6.2.0 ssr: true
Issue description: Using
StoryblokRichText
triggers a vue warning:Invalid watch source: undefined. A watch source can only be a getter/effect function, a ref, a reactive object, or an array of these types.
Using old v-html withrenderRichText
does not trigger warning.Wrapping
StoryblokRichText
inClientOnly
doesn't resolve the issue, which also shows up ifStoryblokRichText
is called in app.vue as well as nested components. Checking for block before renderingStoryblokRichText
does not resolve the issue.Reproduction
https://stackblitz.com/edit/github-ugbuh1?file=app.vue,nuxt.config.ts
Steps to reproduce
No response
System Info
Used Package Manager
npm
Error logs (Optional)
runtime-core.esm-bundler.js?v=206996f9:50 [Vue warn]: Invalid watch source: undefined A watch source can only be a getter/effect function, a ref, a reactive object, or an array of these types. at <StoryblokRichText key=0 doc= {type: 'doc', content: Array(5)} > at
at <Index onVnodeUnmounted=fn ref=Ref< Proxy(Object) {v_skip: true} > >
at <Anonymous key="/organizations" vnode= {__v_isVNode: true, v_skip: true, type: {…}, props: {…}, key: null, …} route= {fullPath: '/organizations?page=1', hash: '', query: {…}, name: 'organizationsendefault', path: '/organizations', …} ... >
at
at
at <Default ref=Ref< Proxy(Object) {__v_skip: true} > >
at <AsyncComponentWrapper ref=Ref< Proxy(Object) {__v_skip: true} > >
at <LayoutLoader key="default" layoutProps= {ref: RefImpl} name="default" >
at <NuxtLayoutProvider layoutProps= {ref: RefImpl} key="default" name="default" ... >
at
at
at
Validations