fix: Add a default DashboardPanelWrapper

- Fixes an issue introduced with #1329
- Wasn't using a stable function as the default wrapper function

packages/dashboard/src/DashboardLayout.tsx

@@ -33,6 +33,7 @@ import {
  PanelHydrateFunction,
  PanelProps,
 } from './DashboardPlugin';
+import DashboardPanelWrapper from './DashboardPanelWrapper';
 
 export type DashboardLayoutConfig = ItemConfigType[];
 
@@ -82,8 +83,7 @@ export function DashboardLayout({
  onLayoutInitialized = DEFAULT_CALLBACK,
  hydrate = hydrateDefault,
  dehydrate = dehydrateDefault,
- // eslint-disable-next-line react/jsx-no-useless-fragment
- panelWrapper = ({ children: panelChildren }) => <>{panelChildren}</>,
+ panelWrapper = DashboardPanelWrapper,
 }: DashboardLayoutProps): JSX.Element {
  const dispatch = useDispatch();
  const data =

packages/dashboard/src/DashboardPanelWrapper.tsx

@@ -0,0 +1,8 @@
+import React, { PropsWithChildren } from 'react';
+
+export function DashboardPanelWrapper({ children }: PropsWithChildren<object>) {
+ // eslint-disable-next-line react/jsx-no-useless-fragment
+ return <>{children}</>;
+}
+
+export default DashboardPanelWrapper;