The type ArticlesQuery does not exist in types/graphql

[adriatic]

What's not working?

The tutorial section Getting Dynamic defines the code for the file web/src/components/ArticlesCell/ArticlesCell.tsx. TS version as:

import type { ArticlesQuery } from 'types/graphql'
import type { CellSuccessProps, CellFailureProps } from '@redwoodjs/web'

export const QUERY = gql`
  query ArticlesQuery {
    posts {
      id
    }
  }
`

However the ArticlesQuery type does not exist in types/graphql as shown below:

Note that the file types/graphql.d.ts does not compile and this is the real problem IMHO

How do we reproduce the bug?

Reproducing the problem requires typing the whole tutorial (the TypeScript) version up to (including) section https://redwoodjs.com/docs/tutorial/chapter2/cells#our-first-cell as this version does not exist anywhere (to the best of my knowledge).

A better alternative is to verify that graphql.d.ts does not export type ArticlesQuery.

Vscode claims that there are two additional problems in the graphql.d.ts file, as shown below

Problem 1

Problem 2

What's your environment? (If it applies)

nik$ yarn rw info

  System:
    OS: macOS 12.4
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 16.15.1 - /private/var/folders/y3/n2p741pj7vq9ckj9jrmlbp6m0000gn/T/xfs-ed49c479/node
    Yarn: 3.2.1 - /private/var/folders/y3/n2p741pj7vq9ckj9jrmlbp6m0000gn/T/xfs-ed49c479/yarn
  Databases:
    SQLite: 3.37.0 - /usr/bin/sqlite3
  Browsers:
    Chrome: 103.0.5060.134
    Firefox: 102.0.1
    Safari: 15.5
  npmPackages:
    @redwoodjs/core: 2.2.0 => 2.2.0

Are you interested in working on this?

• I'm interested in working on this

[noire-munich]

Thanks @adriatic , we are aware of issues in typescript tutorial so any reporting is useful to us 👍🏻 .

@jtoar I'm not sure how to reassign this, so I'll pass it up to you.

[adriatic]

@noire-munich is there some workaround / temporary re-declarations to get me going? It is hard to believe that typescript development is dead at this moment?

[adriatic]

Since my original write up I found a lot easier proof of this bug.

type yarn create redwood-app --ts ./redwood-stripe to the terminal and use VSCode to view the just generated application. Observe that the generated file graphql.d.ts lacks the definition of the prisma namespace.

This of course has consequences for each and every Redwood TypeScript application

[arreagaelio1]

I experienced the same thing and in chapter 7 when adding roles: true in the getCurrentUser function I get a type error

[dac09]

1. type ArticlesQuery does not exist

You just have have to run yarn rw g types or have your dev server running. See more info on generating types here: https://redwoodjs.com/docs/typescript#auto-generated-types

This is mentioned in the tutorial a few lines above.

Any thoughts on how we could make this more obvious for you within the tutorial?

2. Prisma underlined in generated types/graphql.d.ts

This of course has consequences for each and every Redwood TypeScript application

I don't believe the Prisma error actually has any consequences on Redwood applications, it's a bug in the generated types but actually doesn't break anything within your application. This is being tracked in #6096, and will close this issue as duplicate.