React 19.3 browser() APIの使いみち～FUNSTACK Routerの場合～

皆さんこんにちは。最近、React公式ドキュメントにbrowser() APIの記事が追加されました。この記事公開時点ではまだ正式版のReactでは使用できませんが、次バージョンのReact 19.3で利用可能になると見込まれています。 この記事では、筆者が開発しているOSS FUNSTACK Routerにさっそくこの browser() APIを導入してみたので、どんなユースケースで使ったのかをご紹介します。 browser() APIとは browser() APIは、あるコンポーネントがSSRではレンダリングできず、ブラウザ上でのみレンダリングできることを示すAPIです。コンポーネント内で、use()と組み合わせて使用します。上記公式ドキュメントからコード例を引用します。 import { use } from 'react'; import { browser } from 'r

[mkusaka]

React 19.3のbrowser()をFUNSTACK Routerのpathless SSRで導入し、OutletのミスマッチをSuspenseで回避する