Passing components instead of elements

Author: Ajamuar

example/Plugins/ClickMePlugin.tsx

@@ -10,20 +10,14 @@ class ClickMePlugin implements IPlugin {
     this.pluginStore = pluginStore;
   }
 
-  getReactComponent(): React.Component {
-    return <h1>asdjkdas</h1>;
-  }
-
   activate() {
     this.pluginStore.addFunction('sendAlert', () => {
       alert('Testing');
     });
 
-    this.pluginStore.executeFunction(
-      'RendererPlugin.add',
-      'top',
-      this.getReactComponent()
-    );
+    this.pluginStore.executeFunction('RendererPlugin.add', 'top', () => (
+      <h1>asdjkdas</h1>
+    ));
   }
   deactivate() {
     //

src/plugins/RendererPlugin/components/Renderer.tsx

@@ -12,10 +12,10 @@ export const Renderer: React.SFC<{
   );
 
   return (
-    <React.Fragment>
-      {components.map((component: any) => (
-        <>{component}</>
+    <>
+      {components.map((Component: any) => (
+        <Component />
       ))}
-    </React.Fragment>
+    </>
   );
 };