Good morning I have the problem with the widget by embed code (showing only text without videos and Twitter buttons).
Here is the code:
import React from 'react';
import SocialEmbedStyled from './socialEmbed.styled';
import { SocialEmbed as SocialEmbedType } from './socialEmbed.types';
const SocialEmbed = ({ embed }: SocialEmbedType) => {
return (
<SocialEmbedStyled>
<figure
className="op-interactive"
dangerouslySetInnerHTML={{
__html: embed,
}}
/>
</SocialEmbedStyled>
);
};
export default SocialEmbed;
where variable embed is a from the tweet.
the DOM looks like:
`<figure class="op-interactive">
<blockquote class="twitter-tweet" data-dnt="true">
content
</blockquote>
<script async="" src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</figure>`
example twiit should looks like this one:
but looks now something like that:

Any Ideas how can I fix it?
Are you dynamically inserting tweets? On the page, the widgets.js script must also be called, see Embedded Tweet JavaScript Factory Function | Docs | Twitter Developer Platform
1 Like
system
Closed
#3
This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.