JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
            <title>Facebook Comments</title>
            <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    </head>
    <body>
        
        <div id="fb-root"></div>
        <script>
            
            window.fbAsyncInit = function() {
                FB.init({
                        appId  : '455822694428543',
                        status : true,
                        cookie : true,
                        xfbml  : true
                        });
            };
            
            (function() {
                 var e = document.createElement('script');
                 e.src = 'https://connect.facebook.net/en_US/all.js';
                 e.async = true;
                 document.getElementById('fb-root').appendChild(e);
                 }());
            </script>
        
        <div style='background-color:red;height:200px;' class="fb-comments" data-href="http://example.com" data-num-posts="10"></div>
        
    </body>
</html>