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:
image

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

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.