vercel / react-tweet

Embed tweets in your React application.

Home Page:https://react-tweet.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Browser tracking prevention seems to break media preview

mrhoodz opened this issue · comments

It looks like if tracking prevention is turned on, images and videos do not load.

Can you outline some steps to reproduce this? I tried doing it in Safari but it didn't break the media preview

Ok so l dug a bit deeper. Turns out this only happens on edge browser even in private mode and if you have certain ad blockers on chrome.
image

image

@steven-tey dub.sh somehow found a work around this.

@mrhoodz Does this also happen for normal Twitter embeds in https://publish.twitter.com/? in the case of dub.sh all images are relative paths under /_next/image but that's not the default for react-tweet

@lfades The normal twitter embeds work just fine. Interesting to note is that if you try to open the image url from the pbs.twing.com in a new tab it loads the image as expected.

I’m curious if the bub.sh team chose to use an image url different from the one that is return by the tweeter api, maybe they also bumbed into this issue 🤷‍♂️

dub.sh uses a different theme and not the default Twitter theme (completely different components that use next/image for the author image.)

It would be interesting to know why are the images being blocked though, I can't reproduce it in my chrome.

Update

I uninstalled all my browsers and reinstalled them. The problem seems to be gone (weird behaviour coz l was already on the latest versions anyway).

I wish l had a more helpful info on how to fix the problem but l think it's safe to say this was an issue with my PC l hope not too many people bump into this problem.

I'm closing the issue now thank you 🙏.