Function createReactAdapter

createReactAdapter(ctx): ContextAdapter<ReactAdapterConfig>

Creates a React adapter blueprint.

This does NOT depend on React — it returns plain functions and descriptors that a React wrapper can use. This keeps React as an optional peer dependency.

Parameters

ctx: SynapseContext
The Synapse context to wrap.

Returns ContextAdapter<ReactAdapterConfig>

Adapter blueprint with Provider props and hook factories.

Since

1.2.0

Example

// In your React app:
import React, { createContext, useContext } from 'react';
import { createReactAdapter, Tokens } from '@oobe-protocol-labs/synapse-client-sdk/context';

const adapter = createReactAdapter(ctx);
const SynapseReactContext = createContext(adapter.context);

function SynapseProvider({ children }) {
  adapter.init({ setGlobal: true });
  return <SynapseReactContext.Provider value={adapter.context}>{children}</SynapseReactContext.Provider>;
}

function useRpc() {
  const ctx = useContext(SynapseReactContext);
  return ctx.resolve(Tokens.RPC);
}