Globe.gl + Svelte (Cannot set properties of null (setting 'innerHTML'))

[th3d4v1d]

Describe the bug Trying to render a simple globe using Svelte. Code below:

`

import Globe from 'globe.gl'

const container = document.getElementById('globeViz') as HTMLElement;

Globe()(container);

`

What am I missing? Running on Chrome, I get this error in the console:

globe.gl.module.js:478 Uncaught TypeError: Cannot set properties of null (setting 'innerHTML') at Function.init16 (globe.gl.module.js:478:13) at initStatic2 (kapsule.module.js:139:14) at comp (kapsule.module.js:133:7) at instance (App.svelte:9:3) at init (index.mjs:1997:11) at new App (App.svelte:9:89) at createProxiedComponent (svelte-hooks.js?v=711e1c0b:341:9) at new ProxyComponent (proxy.js?v=711e1c0b:242:7) at new Proxy<App> (proxy.js?v=711e1c0b:349:11) at main.js?t=1669912803246:4:13

Desktop (please complete the following information):

• OS: Windows
• Browser: Chrome
• Version: Version 108.0.5359.72 (Official Build) (64-bit)

[vasturiano]

@th3d4v1d it looks like your container variable is set to null. Are you certain there is an element with id globeViz in your page?

If you're still having issues, please create an online example at https://codepen.io/ so we can have a closer look.