結局iframeをそのまま突っ込んでwidthをstateで持つようにしました。
Re-render a React Component on Window Resize | Pluralsight
https://www.pluralsight.com/guides/re-render-react-component-on-window-resize

javascript – How to get a width of a div when using ReactJS? – Stack Overflow
https://stackoverflow.com/questions/57641047/how-to-get-a-width-of-a-div-when-using-reactjs

react-hosymf – StackBlitz

その他（まえはjsでsdk叩いてたなー）
なんかうまくいきませんでした。
Responsive width Facebook Page Plugin – Stack Overflow
https://stackoverflow.com/questions/29429296/responsive-width-facebook-page-plugin/31971705

なんかエラー出たときに見たみたい
javascript – Facebook SDK error: init not called with valid version – Stack Overflow
https://stackoverflow.com/questions/53232654/facebook-sdk-error-init-not-called-with-valid-version

Gatsby ソーシャルボタンを画面遷移時にも正しく表示する方法 | MMMブログ
https://blog.mmmcorp.co.jp/blog/2020/05/18/gatsby-social-button/