diff --git a/public/app/features/plugins/extensions/usePluginComponents.tsx b/public/app/features/plugins/extensions/usePluginComponents.tsx
index c800bf08a31..87ed8b0898f 100644
--- a/public/app/features/plugins/extensions/usePluginComponents.tsx
+++ b/public/app/features/plugins/extensions/usePluginComponents.tsx
@@ -67,21 +67,16 @@ export function createComponentWithMeta<Props extends JSX.IntrinsicAttributes>(
 ): ComponentTypeWithExtensionMeta<Props> {
   const { component: Component, ...config } = registryItem;
 
-  function ComponentWithMeta(props: Props) {
-    return <Component {...props} />;
-  }
-
-  ComponentWithMeta.displayName = Component.displayName;
-  ComponentWithMeta.defaultProps = Component.defaultProps;
-  ComponentWithMeta.propTypes = Component.propTypes;
-  ComponentWithMeta.contextTypes = Component.contextTypes;
-  ComponentWithMeta.meta = {
-    pluginId: config.pluginId,
-    title: config.title ?? '',
-    description: config.description ?? '',
-    id: generateExtensionId(config.pluginId, extensionPointId, config.title),
-    type: PluginExtensionTypes.component,
-  } satisfies PluginExtensionComponentMeta;
+  // TODO valiate this is correct with plugins
+  const ComponentWithMeta: ComponentTypeWithExtensionMeta<Props> = Object.assign(Component, {
+    meta: {
+      pluginId: config.pluginId,
+      title: config.title ?? '',
+      description: config.description ?? '',
+      id: generateExtensionId(config.pluginId, extensionPointId, config.title),
+      type: PluginExtensionTypes.component,
+    } satisfies PluginExtensionComponentMeta,
+  });
 
   return ComponentWithMeta;
 }