chore: give components a render name

Ensures easier debugging with React devtools.
camunda · Oct 18, 2024 · 25b3afa · 25b3afa
1 parent 5a810f3
commit 25b3afa
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/client/src/app/TabsProvider.js b/client/src/app/TabsProvider.js
@@ -138,7 +138,7 @@ export default class TabsProvider {
           return false;
         },
         getComponent() {
-          return forwardRef((props, ref) => {
+          return forwardRef(function EmptyTabProducer(props, ref) {
             return <EmptyTab ref={ ref } { ...props } tabsProvider={ self } />;
           });
         },

diff --git a/client/src/app/slot-fill/Slot.js b/client/src/app/slot-fill/Slot.js
@@ -69,7 +69,7 @@ export default class Slot extends PureComponent {
 
 }
 
-const fillFragment = (Component) => (fill) => {
+const fillFragment = (Component) => function FragmentFill(fill) {
   const { id, props } = fill;
 
   if (!Component) {

diff --git a/client/src/shared/ui/Section.js b/client/src/shared/ui/Section.js
@@ -56,21 +56,21 @@ export function Section(props) {
 }
 
 
-Section.Header = function(props) {
+Section.Header = function Header(props) {
   return (
     <h3 className="section__header">
       { props.children }
     </h3>
   );
 };
 
-Section.Actions = function(props) {
+Section.Actions = function Actions(props) {
   return (
     <span className="section__actions">{ props.children }</span>
   );
 };
 
-Section.Body = function(props) {
+Section.Body = function Body(props) {
   return (
     <div className="section__body">
       { props.children }