Cannot source menus greater than 100 items with gatsby-source-wordpress

[rjhartman]

Hey everyone,

Forgive me because I'm a bit new to open source communities and using GitHub discussions. I'm not confident enough that this is a bug to open an issue, and I'm hoping someone can point me in the right direction.

I'm having issues sourcing menus that are larger than 100 items using the plugin gatsby-source-wordpress. Every time I try to query menuItems for a menu above 100 items, it will only return the first 100 items. Here's an example query:

query MyQuery {
  wpMenu(slug: {eq: "main-menu"}) {
    count
    menuItems {
      nodes {
        label
        order
      }
    }
  }
}

I've tried the workarounds I can find online. I added this to my options for the gatsby-source-wordpress plugin in gatsby-config.js:

{
  resolve: `gatsby-source-wordpress`,
  options: {
    url: `${process.env.WORDPRESS_URL}/graphql`,
    schema: {
      perPage: 200,
      circularQueryLimit: 15,
      queryDepth: 30,
      timeout: 60000,
    },
  },
}

And I added this filter on the WordPress end of things to circumvent WPGraphQL's query limits:

add_filter('graphql_connection_max_query_amount', function (int $max_amount, $source, array $args, $context, $info) {
  return 200;
}, 10, 5);

But nothing works. I can't split up or paginate the query either, because the schema Gatsby provides doesn't seem to allow that. I'm not sure where to go from here, does anyone have any idea?