New tutorial uses mutation APIs not available for TypeScript users

[orta]

Reporting issues with Relay

This is more of a "maybe we should provide a link elsewhere" but you cannot use optimisticUpdater in a TypeScript project as it triggers a compiler panic:

$ relay-compiler
[INFO] querying files to compile...
[INFO] [default] compiling...
thread 'tokio-runtime-worker' panicked at 'Getters and setters with different types are not implemented in typescript. See https://github.com/microsoft/TypeScript/issues/43662', crates/relay-typegen/src/typescript.rs:249:21
note: run with `RUST_BACKTRACE=1` environment variable to display a backtrace
[ERROR] A thread that the Relay compiler spun up did not shut down gracefully: panic
[ERROR] Compilation failed.
[ERROR] Unable to run relay compiler. Error details: 
A thread that the Relay compiler spun up did not shut down gracefully: panic
error Command failed with exit code 1.

Not strictly a problem ( because you can read the thread and see someone from this team saying "hey this thing is blocking relay") but it does mean folks outside of FB can't follow the mutations section

Maybe just a link to the reference to optimisticResponse part of useMutation's reference?

[fveracoechea]

I'm experiencing a similar issue with the optimisticUpdater function from useMutaion:

This is my TS error message:
Property 'readUpdatableFragment' does not exist on type 'RecordSourceSelectorProxy<SearchListDeleteMutation$data>'.

these are my npm deps:

"devDependencies" : {
    "@types/react-relay": "^14.1.3",
    "@types/relay-runtime": "^14.1.7",
},
"dependencies": {
    "react-relay": "^14.1.0",
    "relay-runtime": "14.1.0",
}

[tslater]

@fveracoechea, at runtime readUpdatableFragment_EXPERIMENTAL is defined, but readUpdatableFragment is not. Neither have types for me.

[fveracoechea]

was this fixed on the new version v15? does anyone know? I haven't tried it yet

[eunsukimme]

Same issue exists on v15.

[kbumsik]

So, here is what happens to me:

• 14.1.0
  • readUpdatableFragment: Not defined
  • readUpdatableFragment_EXPERIMENTAL: both runtime and type defined
  • So the tutorial doesn't work
• 15.0.0
  • readUpdatableFragment: runtime defined, but type not defined
  • readUpdatableFragment_EXPERIMENTAL: type defined
  • So the tutorial does work, but got typing error.

[tobias-tengler]

I've updated the @types/relay-runtime, so the types should now match the implementation.

The PR to implement the type generation into the compiler can be found here: #4370