fix(EmptyTab): allow ref to empty tab component

camunda · Oct 8, 2024 · 24e086a · 24e086a
1 parent dd4eace
commit 24e086a
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 7 deletions.
diff --git a/client/src/app/TabsProvider.js b/client/src/app/TabsProvider.js
@@ -8,7 +8,7 @@
  * except in compliance with the MIT License.
  */
 
-import React from 'react';
+import React, { forwardRef } from 'react';
 
 import {
   find,
@@ -138,9 +138,9 @@ export default class TabsProvider {
           return false;
         },
         getComponent() {
-          return (props) => {
-            return <EmptyTab { ...props } tabsProvider={ self } />;
-          };
+          return forwardRef((props, ref) => {
+            return <EmptyTab ref={ ref } { ...props } tabsProvider={ self } />;
+          });
         },
         getIcon() {
           return null;

diff --git a/resources/plugins/test-tab/client/index.js b/resources/plugins/test-tab/client/index.js
@@ -23,7 +23,7 @@ const tab = {
       return file.name.endsWith('.helloWorld');
     },
     getComponent(options) {
-      return () => <h1>Hello world!</h1>;
+      return React.forwardRef((_, ref) => <h1 ref={ ref }>Hello world!</h1>);
     },
     getIcon() {
       return null;

diff --git a/resources/plugins/test-tab/dist/client.js b/resources/plugins/test-tab/dist/client.js