Compatibility Cheatsheet

Compatibility Cheatsheet

What works with what? Relay Compat ('react-relay/compat') is the most flexible. Compat components and mutations can be used by everything. Compat components can also have any kind of children.

However components using the Relay Modern API ('react-relay') and the Relay Classic API ('react-relay/classic') cannot be used with each other.

Can RelayRootContainer use:

Classic Component Compat Component Modern Component Classic Mutation Compat Mutation Modern Mutation
Yes Yes No Yes Yes No

Can QueryRenderer using Classic Environment (Store in react-relay/classic) use:

<
Classic Component