svelte grid 2.4.0 TypeError

DamjanBole

Svelte grid version 2.4.0 produces error below when rendering simple demo from getting started doc. Version 2.3.0 works fine. Tested with svelte versions 5.41.0 and newer 5.43.8, both versions throw an error with svelte-grid v 2.4.0.

[500] GET /
TypeError: Cannot read properties of undefined (reading 'some')
    at eval (D:/0-dev/JS_SVELTE/sveltegrid-01_test_x/node_modules/@svar-ui/svelte-grid/src/components/Layout.svelte:84:87)
    at D:\0-dev\JS_SVELTE\sveltegrid-01_test_x\node_modules\@svar-ui\svelte-grid\src\components\Layout.svelte:71:3
    at Renderer.child (D:\0-dev\JS_SVELTE\sveltegrid-01_test_x\node_modules\svelte\src\internal\server\renderer.js:184:18)
    at Renderer.component (D:\0-dev\JS_SVELTE\sveltegrid-01_test_x\node_modules\svelte\src\internal\server\renderer.js:209:22)
    at Layout (D:/0-dev/JS_SVELTE/sveltegrid-01_test_x/node_modules/@svar-ui/svelte-grid/src/components/Layout.svelte:35:13)
    at eval (D:/0-dev/JS_SVELTE/sveltegrid-01_test_x/node_modules/@svar-ui/svelte-grid/src/components/Grid.svelte:169:39)
    at D:\0-dev\JS_SVELTE\sveltegrid-01_test_x\node_modules\@svar-ui\svelte-core\src\Locale.svelte:18:18
    at Renderer.child (D:\0-dev\JS_SVELTE\sveltegrid-01_test_x\node_modules\svelte\src\internal\server\renderer.js:184:18)
    at Renderer.component (D:\0-dev\JS_SVELTE\sveltegrid-01_test_x\node_modules\svelte\src\internal\server\renderer.js:209:22)
    at Locale (D:/0-dev/JS_SVELTE/sveltegrid-01_test_x/node_modules/@svar-ui/svelte-core/src/Locale.svelte:16:13)

tasha

Hello DamjanBole
I have created two basic examples using Svelte versions 5.41.0 and 5.43.8, and everything worked fine without any errors. You can check out the examples at the following links:

I recommend comparing your implementation with these examples to identify any discrepancies. If you continue to experience issues, feel free to share your code.

DamjanBole

Thanks for reply Tasha.
Yes, this demo works fine in stackblitz environment but my working/learning environment (VS code+npm run dev local server) seems to have issues somewhere.

Steps to reproduce (tested on both Win and Linux fedora platforms):
-install latest VS code
-install latest node.js
-create minimal sveltekit/svelte project scaffolding with TypeScript syntax enabled (npx sv create project-name)
-install svar datagrid in project folder (npm install @svar-ui/svelte-grid)
-add demo code from [https://docs.svar.dev/svelte/grid/getting_started/] to default route +page.svelte
-run local dev server: npm run dev
-open http://localhost:5173/ page which reports "500 internal error" and vs code console reports already mentiond TypeError.

If I figure what's wrong with my working environment I will post a feedback otherwise I'll use svelte-grid 2.3.0 which works "out of the box" so far.
Regards

DamjanBole

After comparing your implementation of svelte-grid demo code with mine more carefully I came to conclusion that the culprit of the problem was SSR which somehow doesn't work well or at all with 2.4.0 version of the data grid.
After adding +page.js along default +page.js route with

export const prerender = true;
export const ssr = false;

things started to behave again. Prerender switch is optional.
Regards