【GraphQL x TypeScript x React】resolver-mockDataを作ってたらAbstract type [TypeName] must resolve to an Object type at runtime for field [TypeName] with value

【GraphQL x TypeScript x React】resolver-mockDataを作ってたらAbstract type [TypeName] must resolve to an Object type at runtime for field [TypeName] with value

React-Apollo-GraphQL

React-Apollo-GraphQL

モックデータで、データを返していたらこれが出てきた。
モックデータのUnitTypeの箇所に`__typename` を入れればOKです
Abstract type [TypeName] must resolve to an Object type at runtime for field [TypeName] with value

{ HogeType: "List", values: [[Object], [Object], [Object], [Object], [Object]] }, received "undefined". Either the FafaValueHoge

該当のここらでunion で返ってきくるスキーマになっていませんか。
自分自身がなんのTypeか示せばOK

【GraphQL x TypeScript x React】resolver-mockDataを作ってたらAbstract type [TypeName] must resolve to an Object type at runtime for field [TypeName] with value

【GraphQL x TypeScript x React】resolver-mockDataを作ってたらAbstract type [TypeName] must resolve to an Object type at runtime for field [TypeName] with value

ここのcodegen:gqlで書き出されたスキーマのt.dsでchunkがunionになっている様子。

そこの型に モックデータ内のそのデータ型__typenameを入れるという意味です。

chunk: {
__typename: 'HogeValueChunk’,
}

結構探したけど見つからなかった...

でわまたーーー


「武骨日記の」プライバシーポリシーに関して
・プライバシーポリシー
・個人情報取り扱いに関して

・サイトTOP
・私は何者か
・29歳よしもと芸人がWebデザイナー未経験で学校に通い5年後フリーランスのフロントエンドエンジニアになるためにやった9つのこと
・フロント記事
・
フロントエンドエンジニア
・フロントエンド記事(タグ)
・TypeScript
・TypeScript練習問題集
・【TypeScript】TypeSript中級者になる為に知っておくと良い108個のこと
・JavaScript練習問題
・styled-componentsの使い方
・SCSS問題集
・GraphQL「Apollo x Relay-Style-Cursor-Pagination(リレースタイルカーソルページネーション)」
・recomposeと仲良くなりたい
・機動戦士FlowType
・初めてReactNativeWebを触ってみて
・Ramda.jsシグネチャの読み方
・環境変数の話
・いちごタルトの作り方
・フロントエンドエンジニア豚汁の作り方


「武骨日記の」プライバシーポリシーに関して
プライバシーポリシー

株式会社TerraceTechについて
最近起業しました。
・株式会社TerraceTech

SNS
・しずかなインターネット kenjimorita
・インド旅 instagram
・適当な日常写真 instagram
・シュールさーん instagram
・シュールさーん LINEスタンプ
・もりたけんじTwitter
・ネタ帳Twitter
・note

・FaceBook -kennji.morita-

※わたしが結成しているWebチームではWeb未経験者、フリーランスの方へのお仕事を紹介しています。
また個人レッスンしてほしい生徒も募集中です。
もしご興味ある方はチャットからご連絡ください。

※業務連絡やお久しぶり連絡もチャットからお願いします。