Dynamic nested connections in GraphQL

example.js

const query = graphql`
{
  allFoo(filter: { foo: { eq: "foo" }}) {
    nodes {
      id
      foo
      fooBars @connect(field: "allBar", filter: { fooId: { eq: this__id } }) {
        nodes {
          bar
        }
      }
    }
  }
}
`

option2.js

const query = graphql`
{
  allFoo(filter: { foo: { eq: "foo" }}) {
    nodes {
      id
      foo
      connect {
        # A bit more verbose but fully GraphQL-compliant with autocomplete, etc
        fooBars: allBars(filter: { fooId: { eq: this__id } }) {
          nodes {
            bar
          }
        }
      }
    }
  }
}
`