ReactでX(Twitter)のタイムラインが表示できない

実現したいこと

Reactのサイト内でXの

発生している問題・分からないこと

下記のソースでエラーが出ます
どこが悪いか、あるいは別に実装方法わかる方いらっしゃいましたら宜しくおねがいします

エラーメッセージ

error

1Failed to compile. 2 3Attempted import error: 'TwitterTimelineEmbed' is not exported from 'react-twitter-widgets' (imported as 'TwitterTimelineEmbed'). 4ERROR in ./src/components/Aside.js 12:37-57 5export 'TwitterTimelineEmbed' (imported as 'TwitterTimelineEmbed') was not found in 'react-twitter-widgets' (possible exports: Follow, Hashtag, Mention, Share, Timeline, Tweet, eagerLoadTwitterLibrary) 6 7webpack compiled with 1 error 8 9 10

該当のソースコード

react

1import React from 'react'; 2import { TwitterTimelineEmbed } from 'react-twitter-widgets'; 3 4const Aside = () => ( 5 <aside className="hidden-xs col-sm-3"> 6 <div> 7 <p id="twitter"> 8 <TwitterTimelineEmbed 9 sourceType="url" 10 url="https://twitter.com/hashtag/癸生川" 11 options={{ height: 600 }} 12 </p> 13 </div> 14 </aside> 15 16); 17 18export default Aside; 19

試したこと・調べたこと

上記の詳細・結果

react-twitter-widgets

を再インストールするくらいしかできず、エラーのままでした

補足

特になし

コメントを投稿

0 コメント