⚠️ No Changeset found

Latest commit: 8f50273

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

Hi, this is not a bug at all...the code that you mention assumes you will run the code during SSR (where browser will be false) and then during CSR.

The reason why your code is failing is because you are running with browser false in the client. If you just want to mount a component using createRawSnippet you should just do

<script>
    import { createRawSnippet, mount } from 'svelte';
    import Child from './Child.svelte';

    let count = $state(0);

    const hello = createRawSnippet((count) => ({
        render: () => `<div></div>`,
        setup(target) {
            mount(Child, {target})
        }
    }));
</script>

<div>
    {@render hello()}
</div>

Here's a REPL showing this.

If you are indeed building a framework with SSR and you want to SSR your component and then hydrate it you can use the original setup but you have to make sure that you will pass browser false on the server and browser true on the client so that svelte can create the html for you to hydrate on the client.

Thanks for contributing anyway!

Hi @paoloricciuti ,

Thanks for your answer. Your example works fine indeed. This is because no component is rendered 'server-side'. I have created a branch in which you can reproduce the problem I experience. See:
https://github.com/signalize/tests-raw-snippet-error

My pull request is, upon closer inspection, not correct. The value of parent is specifically checked for 'null' in several places. I have made an adjustment that you can see here.

main...signalize:svelte:main

Hi @paoloricciuti ,

Thanks for your answer. Your example works fine indeed. This is because no component is rendered 'server-side'. I have created a branch in which you can reproduce the problem I experience. See: https://github.com/signalize/tests-raw-snippet-error

My pull request is, upon closer inspection, not correct. The value of parent is specifically checked for 'null' in several places. I have made an adjustment that you can see here.

main...signalize:svelte:main

Hey took a look at your repo...i have a PR ready for it (not sure if it's the right fix)

@signalize fixed it 🤟🏻