SvelteKit: <Selecto> is not a valid SSR component

[benwoodward]

Environments

• Framework name: SvelteKit
• Framework version: 1.0.0-next.146
• Component name: Selecto
• Component version: 1.12.0

Description

Selecto throws 'not a valid SSR component error' due to this issue (I believe): https://github.com/sveltejs/sapper/issues/774

Also relevant: https://github.com/rob-balfre/svelte-select/issues/87

Solution

Change:

  import Selecto from "svelte-selecto";

  import Selecto from "svelte-selecto/src/svelte-selecto/Selecto.svelte";

EDIT: Actually this doesn't work, leads to this error: EDIT: Incorrect

500
Cannot read property 'destroy' of undefined
TypeError: Cannot read property 'destroy' of undefined
    at Selecto.svelte:65:19
    at run (/Users/ben/dev/language-platform/my-project/node_modules/svelte/internal/index.js:22:12)
    at Array.forEach (<anonymous>)
    at run_all (/Users/ben/dev/language-platform/my-project/node_modules/svelte/internal/index.js:28:9)
    at Object.render (/Users/ben/dev/language-platform/my-project/node_modules/svelte/internal/index.js:1686:13)
    at render_response (file:///Users/ben/dev/language-platform/my-project/node_modules/@sveltejs/kit/dist/ssr.js:472:28)
    at async respond$1 (file:///Users/ben/dev/language-platform/my-project/node_modules/@sveltejs/kit/dist/ssr.js:1324:10)
    at async render_page (file:///Users/ben/dev/language-platform/my-project/node_modules/@sveltejs/kit/dist/ssr.js:1386:19)
    at async resolve (file:///Users/ben/dev/language-platform/my-project/node_modules/@sveltejs/kit/dist/ssr.js:1647:10)
    at async Object.handle (/Users/ben/dev/language-platform/my-project/src/hooks.ts:29:25)

Concerns

This solution depends upon the uncompiled Selecto component being shipped in the npm package.

## Another solution (untested): Doesn't work in SvelteKit

<!-- {#if (process.browser) } -->
<!--   <Selecto /> -->
<!-- {/if} -->

[daybrush]

@benwoodward

• selecto 1.13.0
• react-selecto 1.13.0
• preact-selecto 1.13.0
• ngx-selecto 1.13.0
• svelte-selecto 1.13.0
• lit-selecto 1.13.0

About Cannot read property 'destroy' of undefined bug was fixed. I don't know about other issues.

[daybrush]

@benwoodward

• svelte-selecto 1.13.1

Solve this problem. Try it again.