Function createActorContext

Creates a React context specifically designed for managing the state and interactions with an actor on the Internet Computer (IC) blockchain. This context facilitates the dynamic creation and management of IC actors within React applications, leveraging the provided configuration options.

Example

import React from 'react';
import { createActorContext } from '@ic-reactor/react';
import { backend, canisterId, idlFactory } from './declarations/candid'; // Assuming 'declarations/candid' is where your actor interface is defined.

// Initialize the actor context with configuration options
const { ActorProvider, useActorState, useQueryCall, useUpdateCall } = createActorContext<typeof backend>({
  canisterId,
  idlFactory, // Optional, wrap the ActorProvider with CandidAdapterProvider
});

// A sample component that utilizes the actor context
const App = () => (
  <AgentProvider>
    <ActorProvider>
      <div>
        <h1>IC Actor Interaction Example</h1>
        <ActorComponent />
      </div>
    </ActorProvider>
  </AgentProvider>
);

export default App;

// A sample component that uses the actor hooks
const ActorComponent = () => {
  const { data, loading, error } = useQueryCall({
     functionName: 'backendMethodName',
     args: [],
     refetchInterval: 10000,
     refetchOnMount: true,
  });
 
  return (
    <div>
       {loading && <p>Loading...</p>}
       {error && <p>Error: {error.message}</p>}
       {data && <p>Actor data: {data}</p>}
    </div>
  );
};
Copy

This function streamlines the process of setting up a context for IC actor interactions within a React app, it provides a type-safe and efficient way to manage actor state and interactions.