Skip to main content

<RecoilRelayEnvironmentProvider>

The <RecoilRelayEnvironment> component enables you to use a Relay Environment with Recoil GraphQL selectors or atom effects in its child components. The <RelayEnvironmentProvider> component enables you to use a Relay Environment with Relay hooks in its child components. <RecoilRelayEnvironmentProvider> is simply a convenience component which combines these two.


Props​

  • environment - The Relay Environment object to register.
  • environmentKey - The EnvironmentKey object to associate this environment with.

Example​

const myEnvironmentKey = new EnvironmentKey('My Environment');

function MyApp() {
return (
<RecoilRoot>
<RecoilRelayEnvironmentProvider
environment={myEnvironemnt}
environmentKey={myEnvironmentKey}>
{/** My App **/}
</RecoilRelayEnvironmentProvider>
</RecoilRoot>
)
}
const myQuery = graphQLSelector({
key: 'MyQuery',
environment: myEnvironmentKey,
query: graphql`...`,
variables: {},
});

function MyComponent() {
const results = useRecoilValue(myQuery);
}