saurabhnemade / react-twitter-embed

Simplest way to add twitter widgets to your react project.
https://saurabhnemade.github.io/react-twitter-embed/
367 stars 66 forks source link

Express, and cross-site cookie SameSite attribute - Chrome warning #63

Open buahaha opened 4 years ago

buahaha commented 4 years ago

This is the one-liner that I use from your module:

<TweetEmbed id="1279402833310175232" />

, and this is the console output of Chrome Developer Tools:

A cookie associated with a cross-site resource at `http://twitter.com/` was set without the `SameSite` attribute. 
A future release of Chrome will only deliver cookies with cross-site requests if they are set with `SameSite=None` 
and `Secure`. You can review cookies in developer tools under Application>Storage>Cookies and see more details at
https://www.chromestatus.com/feature/5088147346030592 and
https://www.chromestatus.com/feature/5633521622188032.

dependencies that I think might be relevant for you... for front-end:

"react": "^16.13.1",
"react-dom": "^16.13.1",
"react-scripts": "3.4.1",
"react-tweet-embed": "^1.2.2"

and for the server:

"cors": "^2.8.5",
"express": "^4.17.1",
node --version
v13.11.0
npm --version
6.14.5

Please tell me if it is something that I can fix, or if you need more of my development setup information.

the-intern commented 4 years ago

Firefox does not even show component, and console reads: <script> source URI is not allowed in this document: “https://platform.twitter.com/widgets.js”.

For what it's worth:

"react": "16.13.1" "react-dom": "16.13.1" "react-twitter-embed": "^3.0.3", node v12.17.0 yarn v1.22.4