JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <body>
        <a href="javascript:(function(){(function()%7Bwindow.attachPreviews%3Dfunction()%7B%24(%22.mcb-title%20a%3Afirst-child%22).each(function()%7Bvar%20b%3D%24(this).attr(%22href%22)%3Bnull!%3Db.match(%2Fhttps%3F%3A%5C%2F%5C%2Ffav%5C.me%5C%2F.*%7Chttps%3F%3A%5C%2F%5C%2F.*%5C.deviantart%5C.com%5C%2Fart.*%2F)%26%26%22true%22!%3D%24(this).attr(%22da-message-preview-attached%22)%26%26%24.getJSON(%22http%3A%2F%2Fbackend.deviantart.com%2Foembed%3Furl%3D%22%2BencodeURIComponent(b)%2B%22%26format%3Djsonp%26callback%3D%3F%22%2C%24.proxy(function(b)%7B%24(this).addClass(%22da-message-preview%22).attr(%22rel%22%2Cb.thumbnail_url).attr(%22da-message-preview-attached%22%2C%22true%22)%3B%24(this).hover(function(a)%7Bwindow.daMessagePreviewTitle%3D%0Athis.title%3Bthis.title%3D%22%22%3B%24(%22body%22).append('%3Cp%20id%3D%22da-message-preview%22%3E%3Cimg%20src%3D%22'%2Bthis.rel%2B'%22%2F%3E%3C%2Fp%3E')%3B%24(%22%23da-message-preview%22).css(%7Btop%3Aa.pageY-10%2B%22px%22%2Cleft%3Aa.pageX%2B30%2B%22px%22%2Cposition%3A%22absolute%22%2Cborder%3A%221px%20solid%20%23666%22%2Cbackground%3A%22%23EEE%22%2Cpadding%3A%225px%22%2Cdisplay%3A%22none%22%2C%22-webkit-border-radius%22%3A%226px%22%2C%22-moz-border-radius%22%3A%226px%22%2C%22border-radius%22%3A%226px%22%2C%22-webkit-box-shadow%22%3A%220px%202px%208px%20%23000%22%2C%22-moz-box-shadow%22%3A%220px%202px%208px%20%23000%22%2C%22box-shadow%22%3A%220px%202px%208px%20%23000%22%2C%22z-index%22%3A%22123456%22%7D).fadeIn(%22fast%22)%7D%2Cfunction()%7B%24(%22%23da-message-preview%22).remove()%7D)%3B%0A%24(this).mousemove(function(a)%7B%24(%22%23da-message-preview%22).css(%22top%22%2Ca.pageY-10%2B%22px%22).css(%22left%22%2Ca.pageX%2B30%2B%22px%22)%7D)%7D%2Cthis))%7D)%7D%7D)()%3BsetInterval(attachPreviews%2C500)%3B}());">dA message page deviation preview bookmarklet</a>
        Intended to be used at my.deviantart.com/messages/*
    </body>
</html>