index.html

<!DOCTYPE html>
<html>
<head>
    <title>My React App</title>
    <script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
    <script type="module">
        import { main } from "./build/dev/javascript/gild/gild.mjs";
        import * as gleam from "./build/dev/javascript/gild/gleam.mjs";

        // converting array of arrays to object
        // gleam will automatically add some helper functions to the array
        // but i havn't found a more simple way to convert it to the object
        // that react expects
        function toObject(arrayOfArrays) {
            return arrayOfArrays.reduce((acc, [key, value]) => {
                acc[key] = value;
                return acc;
            }, {});
        }
        
        let ele = main()

        console.log(gleam.List)
    </script>
    <div id="app"></div>
</body>
</html>