ReactFlowProvider

ページ上で複数のフローを使用している場合、またはクライアントサイドルーターを使用している場合、各フローをReactFlowProviderでラップする必要があります。これにより、各フローが独自のストアインスタンスを持つようになります。ReactFlowコンポーネントの外側で内部状態にアクセスする場合も、ReactFlowProviderを使用することが必須です。

export default function App() {
  const data: string = "world"

  return <h1>Hello {data}</h1>
}