From e833ca0cae1f39a1b19b6a15d8ac3523eab23481 Mon Sep 17 00:00:00 2001
From: vision <vision@moego.pet>
Date: Fri, 13 Sep 2024 13:25:23 +0800
Subject: [PATCH 1/3] fix: compact react lazy latest version.

---
 packages/click-to-react-component/src/ContextMenu.js  |  4 +++-
 .../src/getDisplayNameFromReactInstance.js            | 11 ++++++++---
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/packages/click-to-react-component/src/ContextMenu.js b/packages/click-to-react-component/src/ContextMenu.js
index 027bde9..8254fd0 100644
--- a/packages/click-to-react-component/src/ContextMenu.js
+++ b/packages/click-to-react-component/src/ContextMenu.js
@@ -351,7 +351,9 @@ export const ContextMenu = React.forwardRef(
                         ${Object.entries(props).map(
                           ([prop, value]) => html`
                             ${' '}
-                            <var key=${prop} title="${value}">${prop}</var>
+                            <var key=${prop} title="${String(value)}"
+                              >${prop}</var
+                            >
                           `
                         )}
                         ${'>'}
diff --git a/packages/click-to-react-component/src/getDisplayNameFromReactInstance.js b/packages/click-to-react-component/src/getDisplayNameFromReactInstance.js
index 50d8a3c..af64d05 100644
--- a/packages/click-to-react-component/src/getDisplayNameFromReactInstance.js
+++ b/packages/click-to-react-component/src/getDisplayNameFromReactInstance.js
@@ -30,11 +30,16 @@ export function getDisplayNameForInstance(instance) {
     case 11: // ForwardRef
       return 'React.forwardRef'
 
-    case 15: // MemoComponent
+    case 14: // MemoComponent
+    case 15: // MemoComponent or LazyComponent in react>16
       // Attempt to get name from wrapped component
-      return elementType.type.name || 'React.memo'
+      return (
+        elementType.type?.name ||
+        Symbol.keyFor?.(elementType.$$typeof) ||
+        'React.memo'
+      )
 
-    case 16: // LazyComponent
+    case 16: // LazyComponent in react 16
       return 'React.lazy'
 
     default:

From 305bedbc12890a326eb6a2f3d7849b86b00efa13 Mon Sep 17 00:00:00 2001
From: vision <vision@moego.pet>
Date: Fri, 13 Sep 2024 15:10:03 +0800
Subject: [PATCH 2/3] fix: fix button max-width.

---
 packages/click-to-react-component/package.json       | 4 ++--
 packages/click-to-react-component/src/ContextMenu.js | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/click-to-react-component/package.json b/packages/click-to-react-component/package.json
index 669b64d..c88572b 100644
--- a/packages/click-to-react-component/package.json
+++ b/packages/click-to-react-component/package.json
@@ -1,7 +1,7 @@
 {
   "type": "module",
-  "name": "click-to-react-component",
-  "version": "1.1.0",
+  "name": "@visionm/click-to-react-component",
+  "version": "1.1.1",
   "description": "Option+Click your React components in your browser to open the source file in VS Code",
   "exports": "./src/index.js",
   "types": "src/types.d.ts",
diff --git a/packages/click-to-react-component/src/ContextMenu.js b/packages/click-to-react-component/src/ContextMenu.js
index 8254fd0..ffb124a 100644
--- a/packages/click-to-react-component/src/ContextMenu.js
+++ b/packages/click-to-react-component/src/ContextMenu.js
@@ -233,6 +233,7 @@ export const ContextMenu = React.forwardRef(
           padding: 5px;
           border-radius: 4px;
           font-size: 13px;
+          max-width: 50vw;
         }
 
         [data-click-to-component-contextmenu] button:focus,

From d16df81d44e510918122e4b311b09bbdaa392d7b Mon Sep 17 00:00:00 2001
From: vision <vision@moego.pet>
Date: Fri, 13 Sep 2024 15:11:02 +0800
Subject: [PATCH 3/3] fix: fix button max-width.

---
 packages/click-to-react-component/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/click-to-react-component/package.json b/packages/click-to-react-component/package.json
index c88572b..6d7e5a0 100644
--- a/packages/click-to-react-component/package.json
+++ b/packages/click-to-react-component/package.json
@@ -1,6 +1,6 @@
 {
   "type": "module",
-  "name": "@visionm/click-to-react-component",
+  "name": "click-to-react-component",
   "version": "1.1.1",
   "description": "Option+Click your React components in your browser to open the source file in VS Code",
   "exports": "./src/index.js",