サーバーサイド レンダリング

React-Bootstrap は、提供されていない場合、一部のコンポーネント (DropdownToggle など) に対して自動的に id を生成します。これはアクセシビリティの目的で行われます。

サーバーサイドでレンダリングされたアプリケーションでは、自動生成された ID がサーバーとクライアントの間で整合するように、SSRProvider でアプリケーションをラップする必要があります。

import SSRProvider from 'react-bootstrap/SSRProvider';

<SSRProvider>
  <App />
</SSRProvider>;