Multi-level-nested components breaks when top level is destroyed

[bobslaede]

Having multiple levels of nested components, will break when destroying the top level.
If you have a wrapper component, inside of another component, and you destroy the top component it will break.
What happens is that it does destroy on one component, and that sets the reference to null, and then it tries to run .unmount() on it afterwards.

Example component:

Top component.html

  <Level1 />

Level1.html

  <Level2>
    <Level3 />
  </Level2>

Level2.html

  <div class="some-wrapper">
    {{yield}}
  </div>

Level3.html

  <div class="some-content">hello world</div>

Link to REPL:
https://svelte.technology/repl?version=1.22.2&gist=d0f22cc02f00b018d9e5529d935fc45a

[bobslaede]

I have just tried this in an earlier version of Svelte, 1.21.0, and it did work in that version:

https://svelte.technology/repl?version=1.21.0&gist=d0f22cc02f00b018d9e5529d935fc45a

[Rich-Harris]

This is fixed in 1.22.3 — thanks

[bobslaede]

Thank you :)