vercel / react-tweet

Embed tweets in your React application.
https://react-tweet.vercel.app
MIT License
1.49k stars 82 forks source link

Browser tracking prevention seems to break media preview #108

Closed mrhoodz closed 11 months ago

mrhoodz commented 11 months ago

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

steven-tey commented 11 months ago

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

mrhoodz commented 11 months ago

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

mrhoodz commented 11 months ago

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

lfades commented 11 months ago

@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

mrhoodz commented 11 months ago

@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 šŸ¤·ā€ā™‚ļø

lfades commented 11 months ago

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.

mrhoodz commented 11 months ago

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 šŸ™.