fix: fixed crashing on circular React elements

Author: Andarist

src/formatter/sortObject.js

@@ -1,13 +1,18 @@
 /* @flow */
+import * as React from 'react';
 
 export default function sortObject(value: any): any {
   // return non-object value as is
   if (value === null || typeof value !== 'object') {
     return value;
   }
 
-  // return date and regexp values as is
-  if (value instanceof Date || value instanceof RegExp) {
+  // return date, regexp and react element values as is
+  if (
+    value instanceof Date ||
+    value instanceof RegExp ||
+    React.isValidElement(value)
+  ) {
     return value;
   }
 

src/index.spec.js

@@ -1160,4 +1160,21 @@ describe('reactElementToJSXString(ReactElement)', () => {
     }
     mount(<App />);
   });
+
+  it('should not crash when stringifying circular `forwardRef` element', () => {
+    function TagList({ tags }) {
+      return tags;
+    }
+
+    const Tag = React.forwardRef(function Tag({ text }, ref) {
+      return <span ref={ref}>{text}</span>;
+    });
+    Tag.emotionReal = Tag;
+
+    expect(() =>
+      reactElementToJSXString(
+        <TagList tags={[<Tag key="oops" text="oops, circular" />]} />
+      )
+    ).not.toThrow();
+  });
 });