JSFiddle - React, Tailwind, and code Playground

HTML

<head>
    <style>
        body {
            overflow-x:hidden;
            overflow-y:hidden;
        }
    </style>
    <script>
        function liberar() {
            document.getElementById('bloquear').style.display = 'none';
            document.body.style.overflow = 'scroll';
        }
    </script>
</head>
<body onload="liberar()">
    <div id="bloquear" style="position:absolute;top:0;left:0;width:100%;height:100%; background:#333;"></div>
</body>