[Bug] Cannot read properties of null (reading 'props') in SSR mode #73
Description
Hi, thanks for the great libs. But when I use this with Vite SSG of antfu, I had the error like below.
Can someone take a look?
[vite-ssg] Rendering Pages... (1)
[vite-ssg] Critical CSS generation enabled via `critters`
file:///Users/..../node_modules/vite-ssg/dist/chunks/build.mjs:218
throw new Error(`${gray("[vite-ssg]")} ${red(`Error on page: ${cyan(route)}`)}
^
Error: [vite-ssg] Error on page: /
TypeError: Cannot read properties of null (reading 'props')
at Object.getSSRProps (file:///Users/..../node_modules/@vueuse/motion/dist/index.mjs:1101:47)
at ssrGetDirectiveProps (/Users/..../node_modules/@vue/server-renderer/dist/server-renderer.cjs.prod.js:707:21)
at file:///Users/..../love/about-us/.vite-ssg-temp/main.mjs:1507:10
at renderComponentSubTree (/Users/..../node_modules/@vue/server-renderer/dist/server-renderer.cjs.prod.js:250:13)
at renderComponentVNode (/Users/..../node_modules/@vue/server-renderer/dist/server-renderer.cjs.prod.js:185:16)And I open @vueuse/motion/dist/index.mjs:1101:47
return {
created: register,
unmounted: unregister,
bind: register,
unbind: unregister,
getSSRProps(binding, el) {
--> Bug here ===> const { initial } = binding.value || el.props || {};
if (!initial || Object.keys(initial).length === 0)
return;
const { transform: _transform, style: _style } = splitValues(initial);
const { transform } = reactiveTransform(_transform);
const { style } = reactiveStyle(_style);
if (transform.value)
style.value.transform = transform.value;
return {
style: style.value
};
}
};