SVG export not loading in InkScape correctly

Describe the bug

When exporting as a .svg file and opening it in InkScape, InkScape shows nothing. The file does indeed have data in it. I do not get any errors or anything when loading it in InkScape either.

When selecting the file in windows explorer on windows, the preview pane on the right renders it just fine. Is this a compatibility issue between the xml data output in the file and what InkScape possibly can read?

To Reproduce

Steps to reproduce the behavior:

Create any type of code snippet in carbon
Export as .svg
Open in InkScape
Observe that inkscape shows nothing.

Expected behavior

Expected to open the generated .svg file and see the image, not a blank canvas.

Screenshots

Window Explorer Preview Pane

Info (please complete the following information):

OS [e.g. macOS, Linux, Windows, iOS]: Windows 22H2 (OS Build 22621.1344)
Browser [e.g. Chrome, Safari, Firefox]: Issue occurs in Brave, Chrome, Edge
Carbon URL [e.g. carbon.now.sh?bg=pink]: Both https://carbon.vercel.app/ and https://carbon.now.sh/

Default snipped used . . .

Code snippet

const pluckDeep = key => obj => key.split('.').reduce((accum, key) => accum[key], obj)

const compose = (...fns) => res => fns.reduce((accum, next) => next(accum), res)

const unfold = (f, seed) => {
  const go = (f, seed, acc) => {
    const res = f(seed)
    return res ? go(f, res[1], acc.concat([res[0]])) : acc
  }
  return go(f, seed, [])
}

carbon-app / carbon