inspect: handle circular references in JSX elements

src/bun.js/ConsoleObject.zig

@@ -1136,7 +1136,7 @@ pub const Formatter = struct {
 
         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,
             };
         }

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

@@ -316,6 +316,35 @@ it("jsx with fragment", () => {
   expect(input).toBe(output);
 });
 
+it("jsx with circular reference", () => {
+  const el = {
+    $$typeof: Symbol.for("react.element"),
+    type: "div",
+    key: null,
+    props: {},
+  };
+  el.key = el;
+  expect(Bun.inspect(el)).toBe("<div key=[Circular] />");
+
+  const el2 = {
+    $$typeof: Symbol.for("react.element"),
+    type: "div",
+    key: null,
+    props: { foo: null },
+  };
+  el2.props.foo = el2;
+  expect(Bun.inspect(el2)).toBe("<div foo=[Circular] />");
+
+  const el3 = {
+    $$typeof: Symbol.for("react.element"),
+    type: "div",
+    key: null,
+    props: { children: null },
+  };
+  el3.props.children = el3;
+  expect(Bun.inspect(el3)).toBe("<div>\n  [Circular]\n</div>");
+});
+
 it("inspect", () => {
   expect(Bun.inspect(new TypeError("what")).includes("TypeError: what")).toBe(true);
   expect(Bun.inspect("hi")).toBe('"hi"');