Vigia

@graphiql/react을(를) 0.x에서 1.x로 업그레이드하기

@graphiql/react 0.39.1과 1.0.0의 공개 API를 TypeScript 타입에서 자동으로 비교한 결과입니다. 시그니처 변경은 호환성이 깨질 가능성이 있다는 뜻이며 확정은 아닙니다.

요약

삭제된 import 경로0
삭제된 export15
변경된 시그니처3
삭제된 클래스·인터페이스 멤버2
변경된 클래스·인터페이스 멤버1
새로 지원 중단됨1
요구 사항 변경 (engines, peer 의존성)1
새 export45

삭제된 export

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
새 export (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는 삭제된 export 15개, 변경된 시그니처 3개, 삭제되거나 변경된 클래스·인터페이스 멤버 3개를 찾았습니다.

@graphiql/react 1에서 지원 중단된 것은 무엇인가요?

@graphiql/react 1.0.0에서 export 또는 멤버 1개가 새로 지원 중단으로 표시되었습니다.

에이전트용

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