Vigia

@graphiql/react を 0.x から 1.x へアップグレード

@graphiql/react 0.39.1 と 1.0.0 の公開 API を、TypeScript の型から自動的に比較したものです。シグネチャの変更は破壊的変更の候補であり、確定ではありません。

概要

削除されたインポートパス0
削除されたエクスポート15
変更されたシグネチャ3
削除されたクラス／インターフェースのメンバー2
変更されたクラス／インターフェースのメンバー1
新たに非推奨1
要件の変更（engines、peer 依存関係）1
新しいエクスポート45

削除されたエクスポート

importexportkind変更前
@graphiql/reactcnvariableany
@graphiql/reactuseThemefunction(): { setTheme: (newTheme: Theme) => void; theme: Theme; }
@graphiql/reactuseStoragevariable(): any
@graphiql/reactuseCopyQueryfunction(): () => Promise<void>
@graphiql/reactuseMergeQueryfunction(): () => void
@graphiql/reactuseEditorStorevariable(): { externalFragments: Map<string, any>; shouldPersistHeaders: boolean; initialQuery: string; initialVariables: string; initialHeaders: string; headerEditor?: any; queryEditor?: any; responseEditor?: any; variableEditor?: any; addTab: () => void; changeTab: (index: number) => void; moveTab: (newOrder: TabState[]) => void; closeTab: (index: number) => void; updateActiveTabValues: (partialTab: Partial<Omit<TabState, "id" | "hash" | "title">>) => void; setHeaderEditor: (headerEditor: monaco.editor.IStandaloneCodeEditor) => void; setQueryEditor: (queryEditor: monaco.editor.IStandaloneCodeEditor)…
@graphiql/reactusePluginStorevariable(): { plugins: GraphiQLPlugin[]; visiblePlugin: GraphiQLPlugin | null; setVisiblePlugin: (plugin?: string | GraphiQLPlugin | null | undefined) => void; }
@graphiql/reactuseSchemaStorevariable(): { isFetching: boolean; fetchError: string | null; schema: any; validationErrors: readonly any[]; introspect: () => Promise<void>; }
@graphiql/reactuseEditorContextfunction(): { externalFragments: Map<string, any>; shouldPersistHeaders: boolean; initialQuery: string; initialVariables: string; initialHeaders: string; headerEditor?: any; queryEditor?: any; responseEditor?: any; variableEditor?: any; addTab: () => void; changeTab: (index: number) => void; moveTab: (newOrder: TabState[]) => void; closeTab: (index: number) => void; updateActiveTabValues: (partialTab: Partial<Omit<TabState, "id" | "hash" | "title">>) => void; setHeaderEditor: (headerEditor: monaco.editor.IStandaloneCodeEditor) => void; setQueryEditor: (queryEditor: monaco.editor.IStandaloneCodeEditor)…
@graphiql/reactusePluginContextfunction(): { plugins: GraphiQLPlugin[]; visiblePlugin: GraphiQLPlugin | null; setVisiblePlugin: (plugin?: string | GraphiQLPlugin | null | undefined) => void; }
@graphiql/reactuseSchemaContextfunction(): { isFetching: boolean; fetchError: string | null; schema: any; validationErrors: readonly any[]; introspect: () => Promise<void>; }
@graphiql/reactuseExecutionStorevariable(): { isFetching: boolean; isSubscribed: boolean; operationName: string | undefined; run: () => void; stop: () => void; }
@graphiql/reactuseStorageContextvariable(): any
@graphiql/reactusePrettifyEditorsfunction(): () => Promise<void>
@graphiql/reactuseExecutionContextfunction(): { isFetching: boolean; isSubscribed: boolean; operationName: string | undefined; run: () => void; stop: () => void; }

変更されたシグネチャ

export変更前変更後
@graphiql/react · Theme"light" | "dark" | null"dark" | "light" | null
@graphiql/react · KEY_MAPReadonly<{ prettify: { key: string; keybindings: number[]; }; mergeFragments: { key: string; keybindings: number[]; }; runQuery: { key: string; keybindings: number[]; }; autoComplete: { key: string; }; copyQuery: { key: string; keybindings: number[]; }; refetchSchema: { key: string; }; searchInEditor: { key: string; }; searchInDocs: { key: string; }; }>Readonly<{ prettify: { key: string; keybindings: number[]; }; mergeFragments: { key: string; keybindings: number[]; }; runQuery: { key: string; keybindings: number[]; }; autoComplete: { key: string; }; copyQuery: { key: string; keybindings: number[]; }; saveQuery: { key: string; keybindings: number[]; }; refetchSchema: { key: string; }; searchInEditor: { key: string; }; searchInDocs: { key: string; }; }>
@graphiql/react · debounce<F extends (...args: any[]) => any>(duration: number, fn: F): F<F extends (...args: any[]) => any>(duration: number, fn: F): DebouncedFn<F>

削除されたクラス／インターフェースのメンバー

memberimport変更前
SlicesWithActions.monacoTheme@graphiql/reactany
SlicesWithActions.overrideOperationName@graphiql/reactstring | null

変更されたクラス／インターフェースのメンバー

member変更前変更後
SlicesWithActions.fetcherFetcherany

新たに非推奨

export@deprecated
@graphiql/react · SlicesWithActions.fetcherPass a `transport` instead. The `Fetcher` contract cannot surface HTTP wire metadata (status, headers, timing, size). See `docs/migration/graphiql-6.0.0.md`.

要件の変更（engines、peer 依存関係）

変更前変更後
peerDependencies.graphql^15.5.0 || ^16.0.0 || ^17.0.0^16.11.0 || ^17.0.0
新しいエクスポート (45)
importexportkind
@graphiql/reactTopBarvariable
@graphiql/reactDensitytype
@graphiql/reactFontSizetype
@graphiql/reactMODIFIERvariable
@graphiql/reactSaveIconvariable
@graphiql/reactCleanupFntype
@graphiql/reactOperationvariable
@graphiql/reactSidePanelvariable
@graphiql/reactStatusBarvariable
@graphiql/reactKeycapHintvariable
@graphiql/reactMethodPillvariable
@graphiql/reactModifierKeytype
@graphiql/reactPanelHeadervariable
@graphiql/reactSaveHandlertype
@graphiql/reactTopBarPropstype
@graphiql/reactActivityRailvariable
@graphiql/reactResponseViewtype
@graphiql/reacttypeCategoryfunction
@graphiql/reactSettingsThemetype
@graphiql/reactVarHeadersTabtype
@graphiql/reactPortalProvidervariable
@graphiql/reactSettingsDialogvariable
@graphiql/reactGraphQLLogoIconvariable
@graphiql/reactKeycapHintPropstype
@graphiql/reactMethodPillPropstype
@graphiql/reactVarHeadersStripvariable
@graphiql/reactConnectionStatustype
@graphiql/reactGraphiQLSettingstype
@graphiql/reactPanelHeaderPropstype
@graphiql/reactQueryBuilderIconvariable
@graphiql/reactSegmentedControlfunction
@graphiql/reactActivityRailPropsinterface
@graphiql/reactOnResponseCallbacktype
@graphiql/reactusePortalContainerfunction
@graphiql/reactGraphQLTypeCategorytype
@graphiql/reactSettingsDialogPropsinterface
@graphiql/reactuseGraphiQLSettingsfunction
@graphiql/reactOnBeforeSendCallbacktype
@graphiql/reactSETTINGS_STORAGE_KEYvariable
@graphiql/reactVarHeadersStripPropstype
@graphiql/reactGraphiQLPluginContexttype
@graphiql/reactSegmentedControlPropstype
@graphiql/reactPluginTransportContexttype
@graphiql/reactSegmentedControlOptiontype
@graphiql/reactuseGraphiQLPluginContextfunction

このデータを AI エージェントに渡す

Vigia は無料の MCP サーバーです。コーディングエージェントがコードを書く前に、バージョン・破壊的変更・脆弱性を確認できます。登録も API キーも不要です。

claude mcp add --transport http vigia https://vigia.coredls.cloud/mcp

Cursor に追加VS Code に追加★ GitHub でスターを付ける

その他の MCP クライアント
{ "mcpServers": { "vigia": { "url": "https://vigia.coredls.cloud/mcp" } } }

エージェント用スキル (SKILL.md)：Vigia を使うタイミングをエージェントに伝えます · プルリクエスト用 GitHub Action

よくある質問

@graphiql/react を 0 から 1 にアップグレードする際の破壊的変更は？

@graphiql/react 0.39.1 と 1.0.0 の間で、Vigia は削除されたエクスポートを 15 件、変更されたシグネチャを 3 件、削除または変更されたクラス／インターフェースのメンバーを 3 件検出しました。

@graphiql/react 1 で非推奨になったものは？

@graphiql/react 1.0.0 では 1 件のエクスポートまたはメンバーが新たに非推奨になりました。

エージェント向け

GET https://vigia.coredls.cloud/v1/packages/npm/@graphiql/react/upgrade?from=0.39.1&to=1.0.0