redwood: [Bug]: Seeing Unknown Fragment after migration to use `registerFragment`

What’s not working?

I was previously, pre rw 7, using fragments (successfully) using string interpolation. Post upgrade, there are no changes to the actual query itself, except that the fragment is no longer interpolated, and is being registered instead.

I have a GQL Fragment, F_Fragment, which is being used in a query, Q_QUERY.

UPDATE - file info Here’s the code for the fragment, in fragment.ts:

import { registerFragment } from '@redwoodjs/web/apollo'

const F_Fragment = gql`
  fragment F_Fragment on F {
  field1
  field2
}`

registerFragment(F_Fragment)

UPDATE - file info The code for the query, in query.ts:

const Q_QUERY = gql`
  query QQuery {
     f {
        ...F_Fragment
     }
 }

We can no longer fetch the required data using the query, and get the Unknown fragment A_Fragment error.

The query is called in this way:

import { useQuery } from '@redwoodjs/web'

export default () => {
  return useQuery(Q_QUERY)
}

Interestingly, the graphql types are generated correctly. The query also still works with string interpolation (minus types). Any ideas here?

How do we reproduce the bug?

UPDATED Declare and register fragment in a different file than the query

What’s your environment? (If it applies)

System: OS: macOS 13.6 Shell: 5.9 - /bin/zsh Binaries: Node: 20.11.1 - /private/var/folders/8y/99byt5ms31d1z8jgjfmyvcg80000gn/T/xfs-d437a37e/node Yarn: 3.2.1 - /private/var/folders/8y/99byt5ms31d1z8jgjfmyvcg80000gn/T/xfs-d437a37e/yarn Databases: SQLite: 3.39.5 - /usr/bin/sqlite3 Browsers: Chrome: 123.0.6312.59 Safari: 16.6 npmPackages: @redwoodjs/auth-auth0-setup: 7.1.3 => 7.1.3 @redwoodjs/cli-data-migrate: 7.1.3 => 7.1.3 @redwoodjs/core: 7.1.3 => 7.1.3

Are you interested in working on this?

• I’m interested in working on this