fix: Add a default DashboardPanelWrapper (#1346)

- 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;