Error Accessing JS Property about reason-apollo

[Gregoirevda]

this is the related issue on graphql_ppx repo: mhallin/graphql_ppx#9

By the time it is fixed, you could also use an alias, which works fine

module GetUser = [%graphql
  {|
    query getUser ($pk: ID!){
      user: User(id: $pk){
          username
      }
    }
|}
];

[fakenickels]

It is exactly what the error is saying

you are trying to access _User in response with response##_User but what actually exists is response##User.
Also, field names should be camelCase and not PascalCase in GraphQL, I think you'll have a problem there by using User, so update your server schema so you can do this instead for querying:

    query getUser ($pk: ID!){
      user(id: $pk){
          username
      }
    }

[dkao1978]

response##User does not work:

https://bucklescript.github.io/docs/en/object.html#name-mangling

response##_User should be legal.

Though I did give response##User a try and got:

 70 ┆   | Loading => <div>(str("Loading"))</div>
  71 ┆   | Error(error) => (Js.log(error));<div></div>
  72 ┆   | Data(response) => (Js.log(response##User##username));<div></div>
  73 ┆
  74 ┆ }

  Js object ## expect syntax like obj##(paint (a,b))

ninja: error: rebuilding 'build.ninja': subcommand failed
>>>> Finish compiling(exit: 1)

Using lowercase for the schema wouldn't be possible in the short term.

[dkao1978]

Thans @grsabreu.

For posterity, the work around is to use raw:

            switch result {
              | NoData => <div>(str("No Data"))</div>
              | Loading => <div>(str("Loading"))</div>
              | Error(error) => (Js.log(error));<div></div>
              | Data(response) => {
                <div>({let rawUser = [%raw{|result|}];
                let user = rawUser[0]##_User;
                let username = (user[0]##username);
                username
                }