diff --git a/src/docs/workarounds.mdx b/src/docs/workarounds.mdx index feab40cd4..f511e64c8 100644 --- a/src/docs/workarounds.mdx +++ b/src/docs/workarounds.mdx @@ -78,3 +78,26 @@ const enhanced = withLocalStateContainer( export type ContainerProps = ReturnPropTypes; export default enhanced; ``` + +A working chaining example looks like this: + +``` +const enhanced = withFragmentContainer<{ data: Data }>({ + data: graphql` + fragment PermalinkViewContainerQuery on Query + @argumentDefinitions(commentID: { type: "ID!" }) { + comment(id: $commentID) { + ...CommentContainer + } + } + `, +})( + withLocalStateContainer( + graphql` + fragment PermalinkViewContainerLocal on Local { + assetURL + } + ` + )(PermalinkViewContainer) +); +```