Fix stack overflow when inspecting JSX elements with circular references

src/bun.js/ConsoleObject.zig

@@ -1136,7 +1136,7 @@
 
         pub fn canHaveCircularReferences(tag: Tag) bool {
             return switch (tag) {
-                .Function, .Array, .Object, .Map, .Set, .Error, .Class, .Event => true,
+                .Function, .Array, .Object, .Map, .Set, .Error, .Class, .Event, .JSX => true,
                 else => false,
             };
         }
@@ -3140,13 +3140,12 @@
                     }
                 }
 
-                if (try value.get(this.globalThis, "props")) |props| {
+                if (try value.get(this.globalThis, "props")) |props| props: {
                     const prev_quote_strings = this.quote_strings;
                     defer this.quote_strings = prev_quote_strings;
                     this.quote_strings = true;
 
-                    // SAFETY: JSX props are always objects
-                    const props_obj = props.getObject().?;
+                    const props_obj = props.getObject() orelse break :props;
                     var props_iter = try jsc.JSPropertyIterator(.{
                         .skip_empty_name = true,
                         .include_value = true,

test/js/bun/util/inspect.test.js

@@ -772,3 +772,28 @@ it("CustomEvent", () => {
     }"
   `);
 });
+
+describe("JSX element", () => {
+  it("handles circular props without crashing", () => {
+    const el = { $$typeof: Symbol.for("react.element"), type: "div", props: {} };
+    el.props = el;
+    expect(Bun.inspect(el)).toContain("[Circular]");
+  });
+
+  it("handles circular children without crashing", () => {
+    const el = { $$typeof: Symbol.for("react.element"), type: "div", props: {} };
+    el.props.children = el;
+    expect(Bun.inspect(el)).toContain("[Circular]");
+  });
+
+  it("handles circular array children without crashing", () => {
+    const el = { $$typeof: Symbol.for("react.element"), type: "div", props: { children: [] } };
+    el.props.children.push(el);
+    expect(Bun.inspect(el)).toContain("[Circular]");
+  });
+
+  it("handles non-object props without crashing", () => {
+    const el = { $$typeof: Symbol.for("react.element"), type: "div", props: 42 };
+    expect(Bun.inspect(el)).toBe("<div />");
+  });
+});