JSFiddle - React, Tailwind, and code Playground

HTML

<!-- saved from url=(0014)about:internet -->
<!DOCTYPE html>
<html>
    <!-- HEAD -->

    <head>
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
        <meta content="width=device-width, initial-scale=1" name="viewport">
        <meta content="2020-10-12 21:44:39" name="revised">
        <title></title><!-- JS Jquery START -->
        <script src="https://code.jquery.com/jquery-3.5.1.min.js" type="text/javascript"></script><!-- JS Jquery END -->
        <!-- JS Momment JS Library START -->
        <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.27.0/moment.min.js" type="text/javascript"></script><!-- JS Momment JS Library END -->
        <!-- CSS DataTables START -->
        <link href="https://cdn.datatables.net/1.10.22/css/jquery.dataTables.min.css" type="text/css" rel="stylesheet" />
        <link href="https://cdn.datatables.net/select/1.3.1/css/select.dataTables.min.css" type="text/css" rel="stylesheet" /><!-- CSS DataTables END -->
        <!-- JS DataTables START -->
        <script src="https://cdn.datatables.net/1.10.22/js/jquery.dataTables.min.js" type="text/javascript"></script>
        <script src="https://cdn.datatables.net/select/1.3.1/js/dataTables.select.min.js" type="text/javascript"></script>
        <script src="https://cdn.datatables.net/plug-ins/1.10.20/sorting/datetime-moment.js" type="text/javascript"></script><!-- JS DataTables END -->
        <!-- CSS DataTables Buttons Features START -->
        <link href="https://cdn.datatables.net/buttons/1.6.3/css/buttons.dataTables.min.css" type="text/css" rel="stylesheet" /><!-- CSS DataTables Buttons Features END -->
        <!-- JS DataTables Buttons Features START -->
        <script src="https://cdn.datatables.net/buttons/1.6.3/js/dataTables.buttons.min.js" type="text/javascript"></script><!-- JS DataTables Buttons Features END -->
        <!-- JS DataTables ButtonsHTML5 Features START -->
        <script...