feat: handle key=""

README.md

@@ -20,6 +20,7 @@ Features:
 - props: supports string, number, function (inlined as `prop={function noRefCheck() {}}`), object, ReactElement (inlined), regex..
 - order props alphabetically
 - sort object keys in a deterministic order (`o={{a: 1, b:2}} === o={{b:2, a:1}}`)
+- handle `ref` and `key` attributes, they are always on top of props
 - React's documentation indent style for JSX
 
 <!-- START doctoc generated TOC please keep comment here to allow auto update -->

index-test.js

@@ -328,4 +328,14 @@ describe(`reactElementToJSXString(ReactElement)`, () => {
   />
 </div>`);
   });
+
+  it(`reactElementToJSXString(<div aprop="test" key="yes" />`, () => {
+    expect(
+      reactElementToJSXString(<div aprop="test" key="yes" />)
+    ).toEqual(
+`<div
+  key="yes"
+  aprop="test"
+/>`);
+  });
 });

index.js

@@ -38,6 +38,12 @@ function toJSXString({ReactElement = null, lvl = 0, inline = false}) {
     attributes.push(getJSXAttribute('ref', ReactElement.ref));
   }
 
+  if (ReactElement.key !== null &&
+      // React automatically add key=".X" when there are some children
+      !/^\./.test(ReactElement.key)) {
+    attributes.push(getJSXAttribute('key', ReactElement.key));
+  }
+
   attributes = attributes.concat(props);
 
   attributes.forEach(attribute => {