JSFiddle - React, Tailwind, and code Playground

HTML

<div class="fade" id="post"></div>
<br /><br />

<div class="fade" id="post2"></div>

JavaScript

var tweetA = '708019488466325506';
var tweetB = '708030333145337856';

window.twttr = (function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0],
        t = window.twttr || {};
        if (d.getElementById(id)) return t;
        js = d.createElement(s);
        js.id = id;
        js.src = "https://platform.twitter.com/widgets.js";
        fjs.parentNode.insertBefore(js, fjs);

        t._e = [];
        t.ready = function(f) {
            t._e.push(f);
        };

        return t;
    }(document, "script", "twitter-wjs"));
setTimeout(function() {
    twttr.widgets.createTweet(tweetA, document.getElementById('post')).then(function(resp) {
    console.log('initialized')
    console.log(resp)
    })
    twttr.widgets.createTweet(tweetB, document.getElementById('post2')).then(function(resp) {
    console.log('initialized')
    console.log(resp)
    })
},3000)