feat: Expose __ref to Renderer (#26)

5monkeys · Apr 4, 2024 · f4c1808 · f4c1808
1 parent 0f42781
commit f4c1808
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 7 deletions.
diff --git a/packages/djedi-json/package.json b/packages/djedi-json/package.json
@@ -1,6 +1,6 @@
 {
   "name": "djedi-json",
-  "version": "0.6.3",
+  "version": "0.6.4",
   "main": "build/index.js",
   "module": "build/index.esm.js",
   "types": "build/index.d.ts",

diff --git a/packages/djedi-json/src/Renderer.tsx b/packages/djedi-json/src/Renderer.tsx
@@ -17,20 +17,23 @@ const Renderer: React.FC<RendererProps> = ({ config, tree }) => {
   }, [components, tree.type]);
 
   // No type found. This is not a component.
-  if (!Config) return null;
+  if (!Config) {
+    console.error(`No component found for type: ${tree.type}`);
+    return null;
+  }
 
   const { children, ...props } = tree.content;
 
   const renderedChildren = React.useMemo(() => {
     if (Array.isArray(children)) {
-      return children.map((t: NodeTreeItem, i: number) => (
-        <Renderer key={i} tree={t} config={config} />
-      ));
-    } else return children;
+      return children.map((t, i) => <Renderer key={t.__ref ?? i} tree={t} config={config} />);
+    } else {
+      return children;
+    }
   }, [children, config]);
 
   return (
-    <Config.Component {...props} data-uri={tree.uri}>
+    <Config.Component {...props} data-uri={tree.uri} __ref={tree.__ref}>
       {renderedChildren}
     </Config.Component>
   );