Vigia

@wordpress/components을(를) 42.x에서 43.x로 업그레이드하기

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

요약

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

삭제된 export

감지되지 않았습니다.

변경된 시그니처

export이전이후
@wordpress/components · Card(props: SurfaceProps & { size?: SizeOptions | "extraSmall" | undefined; } & { elevation?: number | undefined; isBorderless?: boolean | undefined; isRounded?: boolean | undefined; isElevated?: boolean | undefined; } & Pick<any, "ref"> & Omit<React.ComponentPropsWithoutRef<T>, "as" | "size" | "elevation" | "ref" | "isBorderless" | keyof SurfaceProps | "isRounded" | "isElevated"> & { as: string | number | symbol; } & Omit<PolymorphicIntrinsicProps, "size" | "elevation" | "ref" | "isBorderless" | keyof SurfaceProps | "isRounded" | "isElevated">): React.ReactNode | <C extends React.JSXElementConstr…(props: SurfaceProps & { size?: SizeOptions | "extraSmall" | undefined; } & { elevation?: number | undefined; isBorderless?: boolean | undefined; isRounded?: boolean | undefined; isElevated?: boolean | undefined; } & Pick<any, "ref"> & Omit<React.ComponentPropsWithoutRef<T>, "as" | "size" | "ref" | "isBorderless" | keyof SurfaceProps | "elevation" | "isRounded" | "isElevated"> & { as: string | number | symbol; } & Omit<PolymorphicIntrinsicProps, "size" | "ref" | "isBorderless" | keyof SurfaceProps | "elevation" | "isRounded" | "isElevated">): React.ReactNode | <C extends React.JSXElementConstr…
@wordpress/components · Popover(props: WordPressComponentProps<Omit<WordPressComponentProps<PopoverProps, "div", false>, "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "inherit" | "initial" | "exit" | "layout" | "_dragX" | "_dragY" | "custom" | "data-framer-appear-id" | "data-framer-portal-id" | "drag" | "dragConstraints" | "dragControls" | "dragDirectionLock" | "dragElastic" | "dragListener" | "dragMomentum" | "dragPropagation" | "dragSnapToOrigin" | "dragTransition" | "globalTapTarget" | "ignoreStrict" | "layoutDependency" | "layoutId" | "layoutRoot" | "layoutScroll" | "onAnimationComplete" | "onBeforeLayou…(props: WordPressComponentProps<Omit<WordPressComponentProps<PopoverProps, "div", false>, "onDragEnd" | "onDragStart" | "onDrag" | "onAnimationStart" | "exit" | "layout" | "inherit" | "initial" | "_dragX" | "_dragY" | "custom" | "data-framer-appear-id" | "data-framer-portal-id" | "drag" | "dragConstraints" | "dragControls" | "dragDirectionLock" | "dragElastic" | "dragListener" | "dragMomentum" | "dragPropagation" | "dragSnapToOrigin" | "dragTransition" | "globalTapTarget" | "ignoreStrict" | "layoutDependency" | "layoutId" | "layoutRoot" | "layoutScroll" | "onAnimationComplete" | "onBeforeLayou…
@wordpress/components · FlexBlock(props: FlexBlockProps & Pick<any, "ref"> & Omit<React.ComponentPropsWithoutRef<T>, "as" | "children" | "display" | "ref"> & { as: string | number | symbol; } & Omit<PolymorphicIntrinsicProps, "children" | "display" | "ref">): React.ReactNode | <C extends React.JSXElementConstructor<any>>(props: FlexBlockProps & Pick<any, "ref"> & Omit<React.ComponentPropsWithoutRef<T>, "as" | "children" | "display" | "ref"> & { as: C; } & Omit<React.ComponentPropsWithoutRef<C>, "as" | "children" | "display" | "ref">): React.ReactNode | (props: WordPressComponentProps<FlexBlockProps & Pick<any, "ref">, "div", …(props: FlexBlockProps & Pick<any, "ref"> & Omit<React.ComponentPropsWithoutRef<T>, "as" | "children" | "ref" | "display"> & { as: string | number | symbol; } & Omit<PolymorphicIntrinsicProps, "children" | "ref" | "display">): React.ReactNode | <C extends React.JSXElementConstructor<any>>(props: FlexBlockProps & Pick<any, "ref"> & Omit<React.ComponentPropsWithoutRef<T>, "as" | "children" | "ref" | "display"> & { as: C; } & Omit<React.ComponentPropsWithoutRef<C>, "as" | "children" | "ref" | "display">): React.ReactNode | (props: WordPressComponentProps<FlexBlockProps & Pick<any, "ref">, "div", …
@wordpress/components · BaseControl(props: BaseControlProps & { as: string | number | symbol; } & Omit<{ dangerouslySetInnerHTML?: { __html: any; } | undefined; onCopy?: any; onCopyCapture?: any; onCut?: any; onCutCapture?: any; onPaste?: any; onPasteCapture?: any; onCompositionEnd?: any; onCompositionEndCapture?: any; onCompositionStart?: any; onCompositionStartCapture?: any; onCompositionUpdate?: any; onCompositionUpdateCapture?: any; onFocus?: any; onFocusCapture?: any; onBlur?: any; onBlurCapture?: any; onChange?: any; onChangeCapture?: any; onBeforeInput?: any; onBeforeInputCapture?: any; onInput?: any; onInputCapture?: an…(props: BaseControlProps): React.ReactNode
@wordpress/components · BorderBoxControl(props: WordPressComponentProps<Pick<ColorPaletteProps, "__experimentalIsRenderedInSidebar" | "colors"> & { disableCustomColors?: boolean | undefined; enableAlpha?: boolean | undefined; } & LabelProps & Pick<BorderControlProps, "size" | "__next40pxDefaultSize" | "enableStyle"> & { onChange: (value: AnyBorder) => void; popoverPlacement?: any; popoverOffset?: number | { mainAxis?: number | undefined; crossAxis?: number | undefined; } | undefined; value: AnyBorder; } & Omit<Omit<any, "ref">, "as" | "children" | "value" | "onChange" | "size" | "__experimentalIsRenderedInSidebar" | "colors" | "__ne…(props: WordPressComponentProps<Pick<ColorPaletteProps, "__experimentalIsRenderedInSidebar" | "colors"> & { disableCustomColors?: boolean | undefined; enableAlpha?: boolean | undefined; } & LabelProps & Pick<BorderControlProps, "__next40pxDefaultSize" | "enableStyle" | "size"> & { onChange: (value: AnyBorder) => void; popoverPlacement?: any; popoverOffset?: number | { mainAxis?: number | undefined; crossAxis?: number | undefined; } | undefined; value: AnyBorder; } & Omit<Omit<any, "ref">, "as" | "children" | "value" | "onChange" | "__experimentalIsRenderedInSidebar" | "colors" | "__next40pxDef…
@wordpress/components · __experimentalHStack(props: Omit<FlexProps, "align" | "gap"> & { alignment?: any; spacing?: any; } & Pick<any, "ref"> & Omit<React.ComponentPropsWithoutRef<T>, "as" | "children" | "wrap" | "direction" | "spacing" | "ref" | "expanded" | "justify" | "isReversed" | "alignment"> & { as: string | number | symbol; } & Omit<PolymorphicIntrinsicProps, "children" | "wrap" | "direction" | "spacing" | "ref" | "expanded" | "justify" | "isReversed" | "alignment">): React.ReactNode | <C extends React.JSXElementConstructor<any>>(props: Omit<FlexProps, "align" | "gap"> & { alignment?: any; spacing?: any; } & Pick<any, "ref"> & O…(props: Omit<FlexProps, "align" | "gap"> & { alignment?: any; spacing?: any; } & Pick<any, "ref"> & Omit<React.ComponentPropsWithoutRef<T>, "as" | "children" | "ref" | "direction" | "expanded" | "justify" | "wrap" | "isReversed" | "alignment" | "spacing"> & { as: string | number | symbol; } & Omit<PolymorphicIntrinsicProps, "children" | "ref" | "direction" | "expanded" | "justify" | "wrap" | "isReversed" | "alignment" | "spacing">): React.ReactNode | <C extends React.JSXElementConstructor<any>>(props: Omit<FlexProps, "align" | "gap"> & { alignment?: any; spacing?: any; } & Pick<any, "ref"> & O…
@wordpress/components · __experimentalVStack(props: Omit<Props, "spacing" | "alignment"> & { alignment?: any; spacing?: any; } & Pick<any, "ref"> & Omit<React.ComponentPropsWithoutRef<T>, "as" | "children" | "wrap" | "direction" | "spacing" | "ref" | "expanded" | "justify" | "isReversed" | "alignment"> & { as: string | number | symbol; } & Omit<PolymorphicIntrinsicProps, "children" | "wrap" | "direction" | "spacing" | "ref" | "expanded" | "justify" | "isReversed" | "alignment">): React.ReactNode | <C extends React.JSXElementConstructor<any>>(props: Omit<Props, "spacing" | "alignment"> & { alignment?: any; spacing?: any; } & Pick<any, "r…(props: Omit<Props, "alignment" | "spacing"> & { alignment?: any; spacing?: any; } & Pick<any, "ref"> & Omit<React.ComponentPropsWithoutRef<T>, "as" | "children" | "ref" | "direction" | "expanded" | "justify" | "wrap" | "isReversed" | "alignment" | "spacing"> & { as: string | number | symbol; } & Omit<PolymorphicIntrinsicProps, "children" | "ref" | "direction" | "expanded" | "justify" | "wrap" | "isReversed" | "alignment" | "spacing">): React.ReactNode | <C extends React.JSXElementConstructor<any>>(props: Omit<Props, "alignment" | "spacing"> & { alignment?: any; spacing?: any; } & Pick<any, "r…
@wordpress/components · __experimentalHeading(props: Omit<Props, "color" | "isBlock" | "weight"> & { level?: HeadingSize | undefined; isBlock?: boolean | undefined; color?: any; weight?: any; } & Pick<any, "ref"> & Omit<React.ComponentPropsWithoutRef<T>, "as" | "children" | "color" | "size" | "display" | "letterSpacing" | "ref" | "variant" | "align" | "isBlock" | "weight" | "adjustLineHeightForInnerControls" | "isDestructive" | "highlightEscape" | "highlightCaseSensitive" | "highlightSanitize" | "lineHeight" | "optimizeReadabilityFor" | "truncate" | "upperCase" | "highlightWords" | "ellipsis" | "ellipsizeMode" | "limit" | "numberOfLines"…(props: Omit<Props, "color" | "isBlock" | "weight"> & { level?: HeadingSize | undefined; isBlock?: boolean | undefined; color?: any; weight?: any; } & Pick<any, "ref"> & Omit<React.ComponentPropsWithoutRef<T>, "as" | "children" | "size" | "ref" | "variant" | "align" | "color" | "isBlock" | "display" | "weight" | "adjustLineHeightForInnerControls" | "isDestructive" | "highlightEscape" | "highlightCaseSensitive" | "highlightSanitize" | "lineHeight" | "optimizeReadabilityFor" | "truncate" | "upperCase" | "letterSpacing" | "highlightWords" | "ellipsis" | "ellipsizeMode" | "limit" | "numberOfLines"…
@wordpress/components · __experimentalToolsPanelItem(props: ToolsPanelItem & { children?: any; onDeselect?: (() => void) | undefined; onSelect?: (() => void) | undefined; resetAllFilter?: ResetAllFilter | undefined; } & Pick<any, "ref"> & Omit<React.ComponentPropsWithoutRef<T>, "as" | "children" | "onSelect" | "ref" | keyof ToolsPanelItem | "onDeselect" | "resetAllFilter"> & { as: string | number | symbol; } & Omit<PolymorphicIntrinsicProps, "children" | "onSelect" | "ref" | keyof ToolsPanelItem | "onDeselect" | "resetAllFilter">): React.ReactNode | <C extends React.JSXElementConstructor<any>>(props: ToolsPanelItem & { children?: any; onDeselec…(props: ToolsPanelItem & { children?: any; onDeselect?: (() => void) | undefined; onSelect?: (() => void) | undefined; resetAllFilter?: ResetAllFilter | undefined; } & Pick<any, "ref"> & Omit<React.ComponentPropsWithoutRef<T>, "as" | "children" | "ref" | "onSelect" | keyof ToolsPanelItem | "onDeselect" | "resetAllFilter"> & { as: string | number | symbol; } & Omit<PolymorphicIntrinsicProps, "children" | "ref" | "onSelect" | keyof ToolsPanelItem | "onDeselect" | "resetAllFilter">): React.ReactNode | <C extends React.JSXElementConstructor<any>>(props: ToolsPanelItem & { children?: any; onDeselec…
@wordpress/components · __experimentalNavigatorButton(props: { __next40pxDefaultSize?: boolean | undefined; accessibleWhenDisabled?: boolean | undefined; children?: any; description?: string | undefined; icon?: any; iconPosition?: "left" | "right" | undefined; iconSize?: any; isBusy?: boolean | undefined; isDestructive?: boolean | undefined; isPressed?: boolean | undefined; label?: string | undefined; shortcut?: string | { display: string; ariaLabel: string; } | undefined; showTooltip?: boolean | undefined; size?: "default" | "small" | "compact" | undefined; text?: string | undefined; tooltipPosition?: PositionYAxis | "middle center" | "middle l…(props: { __next40pxDefaultSize?: boolean | undefined; accessibleWhenDisabled?: boolean | undefined; children?: any; description?: string | undefined; icon?: any; iconPosition?: "left" | "right" | undefined; iconSize?: any; isBusy?: boolean | undefined; isDestructive?: boolean | undefined; isPressed?: boolean | undefined; label?: string | undefined; shortcut?: string | { display: string; ariaLabel: string; } | undefined; showTooltip?: boolean | undefined; size?: "default" | "small" | "compact" | undefined; text?: string | undefined; tooltipPosition?: PositionYAxis | "bottom center" | "bottom l…
@wordpress/components · __experimentalBorderBoxControl(props: WordPressComponentProps<Pick<ColorPaletteProps, "__experimentalIsRenderedInSidebar" | "colors"> & { disableCustomColors?: boolean | undefined; enableAlpha?: boolean | undefined; } & LabelProps & Pick<BorderControlProps, "size" | "__next40pxDefaultSize" | "enableStyle"> & { onChange: (value: AnyBorder) => void; popoverPlacement?: any; popoverOffset?: number | { mainAxis?: number | undefined; crossAxis?: number | undefined; } | undefined; value: AnyBorder; } & Omit<Omit<any, "ref">, "as" | "children" | "value" | "onChange" | "size" | "__experimentalIsRenderedInSidebar" | "colors" | "__ne…(props: WordPressComponentProps<Pick<ColorPaletteProps, "__experimentalIsRenderedInSidebar" | "colors"> & { disableCustomColors?: boolean | undefined; enableAlpha?: boolean | undefined; } & LabelProps & Pick<BorderControlProps, "__next40pxDefaultSize" | "enableStyle" | "size"> & { onChange: (value: AnyBorder) => void; popoverPlacement?: any; popoverOffset?: number | { mainAxis?: number | undefined; crossAxis?: number | undefined; } | undefined; value: AnyBorder; } & Omit<Omit<any, "ref">, "as" | "children" | "value" | "onChange" | "__experimentalIsRenderedInSidebar" | "colors" | "__next40pxDef…
@wordpress/components · __experimentalNavigatorBackButton(props: { __next40pxDefaultSize?: boolean | undefined; accessibleWhenDisabled?: boolean | undefined; children?: any; description?: string | undefined; icon?: any; iconPosition?: "left" | "right" | undefined; iconSize?: any; isBusy?: boolean | undefined; isDestructive?: boolean | undefined; isPressed?: boolean | undefined; label?: string | undefined; shortcut?: string | { display: string; ariaLabel: string; } | undefined; showTooltip?: boolean | undefined; size?: "default" | "small" | "compact" | undefined; text?: string | undefined; tooltipPosition?: PositionYAxis | "middle center" | "middle l…(props: { __next40pxDefaultSize?: boolean | undefined; accessibleWhenDisabled?: boolean | undefined; children?: any; description?: string | undefined; icon?: any; iconPosition?: "left" | "right" | undefined; iconSize?: any; isBusy?: boolean | undefined; isDestructive?: boolean | undefined; isPressed?: boolean | undefined; label?: string | undefined; shortcut?: string | { display: string; ariaLabel: string; } | undefined; showTooltip?: boolean | undefined; size?: "default" | "small" | "compact" | undefined; text?: string | undefined; tooltipPosition?: PositionYAxis | "bottom center" | "bottom l…
@wordpress/components · __experimentalNavigatorToParentButton(props: { __next40pxDefaultSize?: boolean | undefined; accessibleWhenDisabled?: boolean | undefined; children?: any; description?: string | undefined; icon?: any; iconPosition?: "left" | "right" | undefined; iconSize?: any; isBusy?: boolean | undefined; isDestructive?: boolean | undefined; isPressed?: boolean | undefined; label?: string | undefined; shortcut?: string | { display: string; ariaLabel: string; } | undefined; showTooltip?: boolean | undefined; size?: "default" | "small" | "compact" | undefined; text?: string | undefined; tooltipPosition?: PositionYAxis | "middle center" | "middle l…(props: { __next40pxDefaultSize?: boolean | undefined; accessibleWhenDisabled?: boolean | undefined; children?: any; description?: string | undefined; icon?: any; iconPosition?: "left" | "right" | undefined; iconSize?: any; isBusy?: boolean | undefined; isDestructive?: boolean | undefined; isPressed?: boolean | undefined; label?: string | undefined; shortcut?: string | { display: string; ariaLabel: string; } | undefined; showTooltip?: boolean | undefined; size?: "default" | "small" | "compact" | undefined; text?: string | undefined; tooltipPosition?: PositionYAxis | "bottom center" | "bottom l…

삭제된 클래스·인터페이스 멤버

감지되지 않았습니다.

변경된 클래스·인터페이스 멤버

감지되지 않았습니다.

새로 지원 중단됨

export@deprecated
@wordpress/components · TipUse `Notice.Root` and `Notice.Description` from `@wordpress/ui` instead.

요구 사항 변경 (engines, peer 의존성)

이전이후
engines.node>=18.12.0>=22.13.0

이 데이터를 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

자주 묻는 질문

@wordpress/components을(를) 42에서 43(으)로 업그레이드할 때 호환성이 깨지는 변경은 무엇인가요?

@wordpress/components 42.0.0과 43.0.0 사이에서 Vigia는 삭제된 export 0개, 변경된 시그니처 13개, 삭제되거나 변경된 클래스·인터페이스 멤버 0개를 찾았습니다.

@wordpress/components 43에서 지원 중단된 것은 무엇인가요?

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

에이전트용

GET https://vigia.coredls.cloud/v1/packages/npm/@wordpress/components/upgrade?from=42.0.0&to=43.0.0