🚫

Bot Framework WebChat で React StrictMode を有効にすると初期化に失敗する

に公開

Bot Framework WebChat は Microsoft Bot Framework を Web サイトに埋め込むためのクライアント ライブラリです。このライブラリを React で使用する場合、初期化に失敗してチャットを開始できないことがあります。この問題については Issue が報告されています。

https://github.com/microsoft/BotFramework-WebChat/issues/4300

React 18 からは StrictMode を有効にした場合、レンダリングが 2 回発生します。これは意図された動作であり、副作用によるバグを検出するためのものです。しかし、Bot Framework WebChat がこの挙動に対応していないため、エラーが発生します。React StrictMode の挙動は開発時のみ発生し、本番環境向けにビルドした場合は発生しません。

https://ja.react.dev/reference/react/StrictMode#fixing-bugs-found-by-double-rendering-in-development

この問題を回避するには、StrictMode を無効にする必要があります。

Discussion