import React, { useEffect } from 'https://cdn.skypack.dev/react'
import { render } from 'https://cdn.skypack.dev/react-dom'
import confetti from 'https://cdn.skypack.dev/canvas-confetti'
function App() {
useEffect(() => confetti(), [])
return (
<div className="app">
<h1>JavaScript Sandbox</h1>
<p>
You can use NPM packages provided by {''}
<a href="https://www.skypack.dev/">Skypack</a>.
</p>
<img src="/image.gif" />
</div>
)
}
render(
<App />,
document.getElementById('app')
)