Optional context: anyimport { AgentProvider, CandidAdapterProvider, ActorProvider } from "@ic-reactor/react"
const App = () => (
<AgentProvider>
<CandidAdapterProvider>
Your Actors here, it will able to fetch the Candid interface
you dont need to pass the idlFactory to the Actor component
e.g.
<ActorProvider canisterId="ryjl3-tyaaa-aaaaa-aaaba-cai" />
</CandidAdapterProvider>
</AgentProvider>
)
export default App
Optional propUsed to declare the types of the props accepted by the component. These types will be checked during rendering and in development only.
We recommend using TypeScript instead of checking prop types at runtime.
Optional contextOptional defaultUsed to define default values for the props accepted by the component.
type Props = { name?: string }
const MyComponent: FC<Props> = (props) => {
return <div>{props.name}</div>
}
MyComponent.defaultProps = {
name: 'John Doe'
}
Optional displayUsed in debugging messages. You might want to set it explicitly if you want to display a different name for debugging purposes.
const MyComponent: FC = () => {
return <div>Hello!</div>
}
MyComponent.displayName = 'MyAwesomeComponent'
CandidAdapterProvideris a React component that provides the CandidAdapter to its children. It initializes the CandidAdapter with the provided options and makes it available to all children.