fix type incosistencies

Author: AlemTuzlak

packages/devtools-utils/src/react/panel.tsx

@@ -52,8 +52,8 @@ export function createReactPanel<
     return <div style={{ height: '100%' }} ref={devToolRef} />
   }
 
-  function NoOpPanel() {
-    return null
+  function NoOpPanel(_props: TComponentProps) {
+    return <></>
   }
   return [Panel, NoOpPanel] as const
 }

packages/devtools-utils/src/react/plugin.tsx

@@ -16,7 +16,7 @@ export function createReactPlugin(
   function NoOpPlugin() {
     return {
       name: name,
-      render: (_el: HTMLElement, _theme: 'light' | 'dark') => null,
+      render: (_el: HTMLElement, _theme: 'light' | 'dark') => <></>,
     }
   }
   return [Plugin, NoOpPlugin] as const

packages/devtools-utils/src/solid/panel.tsx

@@ -28,8 +28,8 @@ export function createSolidPanel<
     return <div style={{ height: '100%' }} ref={devToolRef} />
   }
 
-  function NoOpPanel() {
-    return null
+  function NoOpPanel(_props: TComponentProps) {
+    return <></>
   }
 
   return [Panel, NoOpPanel] as const

packages/devtools-utils/src/solid/plugin.tsx

@@ -18,7 +18,7 @@ export function createSolidPlugin(
   function NoOpPlugin() {
     return {
       name: name,
-      render: (_el: HTMLElement, _theme: 'light' | 'dark') => null,
+      render: (_el: HTMLElement, _theme: 'light' | 'dark') => <></>,
     }
   }
   return [Plugin, NoOpPlugin] as const