diff --git a/CHANGELOG.md b/CHANGELOG.md index f16d04ccff..9ac33aa460 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -17,6 +17,9 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm ## [Unreleased] +### Fixes +- Show debug panel correctly for components with no owner @miroslavstastny ([#2055](https://github.com/stardust-ui/react/pull/2055)) + ### Features - Add `menu` prop on `ToolbarMenuItem` component @mnajdova ([#1984](https://github.com/stardust-ui/react/pull/1984)) diff --git a/packages/react/src/components/Debug/DebugComponentViewer.tsx b/packages/react/src/components/Debug/DebugComponentViewer.tsx index 65cf04080d..52e1e27ad7 100644 --- a/packages/react/src/components/Debug/DebugComponentViewer.tsx +++ b/packages/react/src/components/Debug/DebugComponentViewer.tsx @@ -23,14 +23,16 @@ const style: React.CSSProperties = { const DebugComponentViewer: React.FC = props => { const { fiberNav, onFiberChanged, onFiberSelected } = props - const ownerNav = fiberNav.owner + const ownerNav = fiberNav.owner || ({ jsxString: 'unknown' } as FiberNavigator) const parentNavs = [] - let parentNav = fiberNav.parent + if (fiberNav.owner) { + let parentNav = fiberNav.parent - while (parentNav && !parentNav.isEqual(ownerNav)) { - if (parentNav.stardustDebug) parentNavs.unshift(parentNav) - parentNav = parentNav.parent + while (parentNav && !parentNav.isEqual(ownerNav)) { + if (parentNav.stardustDebug) parentNavs.unshift(parentNav) + parentNav = parentNav.parent + } } const component = fiberNav.name && {fiberNav.jsxString}