with-ssr Nuxt example does not run

[syntheticgoo]

Affected Projects Vue.js/Nuxt

Library Version: x.y.z 3.3.5

Describe the bug SSR/Nuxt example https://github.com/appbaseio/reactivesearch/tree/next/packages/vue/examples/with-ssr does not work without throwing errors:

Client errors: vue-router.js?v=ca77ffe0:2698 SyntaxError: The requested module '/_nuxt/node_modules/isomorphic-dompurify/browser.js?v=ca77ffe0' does not provide an export named 'default' (at SearchBox-e655a9ad.js?v=ca77ffe0:20:8) triggerError @ vue-router.js?v=ca77ffe0:2698 Show 1 more frame Show less nuxt.js?v=ca77ffe0:98 [nuxt] error caught during app initialization SyntaxError: The requested module '/_nuxt/node_modules/isomorphic-dompurify/browser.js?v=ca77ffe0' does not provide an export named 'default' (anonymous) @ nuxt.js?v=ca77ffe0:98 Show 1 more frame Show less browser.mjs?v=ca77ffe0:44 error [nuxt] error caught during app initialization SyntaxError: The requested module '/_nuxt/node_modules/isomorphic-dompurify/browser.js?v=ca77ffe0' does not provide an export named 'default'

Server side warnings: WARN [VueTypes warn]: oneOf - value should be one of "[object Object]", "[object Object]".

WARN [Vue warn]: Invalid prop: custom validator check failed for prop "theme".

WARN [Vue warn]: Property "$emotionCache" was accessed during render but is not defined on instance.

WARN [VueTypes warn]: oneOf - value should be one of "[object Object]", "[object Object]".

WARN [Vue warn]: Invalid prop: custom validator check failed for prop "userThemeProp".

WARN [VueTypes warn]: oneOf - value should be one of "[object Object]", "[object Object]".

WARN [Vue warn]: Invalid prop: custom validator check failed for prop "theme".

WARN [Vue warn]: Property "$emotionCache" was accessed during render but is not defined on instance.

WARN [VueTypes warn]: oneOf - value should be one of "[object Object]", "[object Object]".

WARN [Vue warn]: Invalid prop: custom validator check failed for prop "userThemeProp".

To Reproduce Using Node v20.11.1

1. Download files at https://github.com/appbaseio/reactivesearch/tree/next/packages/vue/examples/with-ssr
2. Follow readme at that location to npm install and npm run dev.

Expected behavior Unable to use facets in given example in browser or run example without client and server errors.

Screenshots

Desktop (please complete the following information):

• OS: Sonoma 14.4.1
• Browser Brave
• Version v1.65.133

Additional context localhost-1716204380543.log localhost-1716204364068.log localhost-1716204343263.log

[mohdashraf010897]

Hey @syntheticgoo

We have released a pre-release of @appbaseio/[email protected] which addresses the issue regarding router-errors. Here's the codesandbox you can try - https://codesandbox.io/p/devbox/fervent-water-q3rhdy?file=%2Fpackage.json&embed=1