Error: self is not defined

[monolithed]

This issue occurs when using frameworks like Next.js, where self is not yet defined during the initial render.
To fix this, you can build the library using this instead.

output: {
  globalObject: 'this'
}

[monolithed]

Here's a workaround

    useEffect(() => {
        (async () => {
            const { Chart } = await import('@astrodraw/astrochart');

            const chart = new Chart('paper', 800, 800)
            const radix = chart.radix({
                "planets":{
                    "Pluto":[63],
                    "Neptune":[110],
                    "Uranus":[318],
                    "Saturn":[201],
                    "Jupiter":[192],
                    "Mars":[210],
                    "Moon":[268],
                    "Sun":[281],
                    "Mercury":[312],
                    "Venus":[330]},
                "cusps":[296, 350, 30, 56, 75, 94, 116, 170, 210, 236, 255, 274]
            })

            radix.aspects();

        })()
    }, [])