From f4c18088aa23bc0e3ae482dcb217e929f51cc05c Mon Sep 17 00:00:00 2001
From: Love Lagerkvist <30436214+motform@users.noreply.github.com>
Date: Thu, 4 Apr 2024 11:21:44 +0200
Subject: [PATCH] feat: Expose `__ref` to `Renderer` (#26)

---
 packages/djedi-json/package.json     |  2 +-
 packages/djedi-json/src/Renderer.tsx | 15 +++++++++------
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/packages/djedi-json/package.json b/packages/djedi-json/package.json
index f85b76e..9fdb699 100644
--- 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
index b22affc..80b9b74 100644
--- 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>
   );