Add name to function components like class components (#43)

* Add name to function components like class components

* Add changeset

Author: emmatown

.changeset/5334316e/changes.json

@@ -0,0 +1,16 @@
+{
+  "releases": [{ "name": "extract-react-types", "type": "minor" }],
+  "dependents": [
+    {
+      "name": "extract-react-types-loader",
+      "type": "patch",
+      "dependencies": ["extract-react-types"]
+    },
+    { "name": "kind2string", "type": "patch", "dependencies": ["extract-react-types"] },
+    {
+      "name": "pretty-proptypes",
+      "type": "patch",
+      "dependencies": ["kind2string", "extract-react-types"]
+    }
+  ]
+}

.changeset/5334316e/changes.md

@@ -0,0 +1 @@
+- Add name to function components like class components

packages/extract-react-types/__snapshots__/test.js.snap

@@ -772,6 +772,7 @@ exports[`flow arrow function component 1`] = `
 Object {
   "component": Object {
     "kind": "generic",
+    "name": "Component",
     "value": Object {
       "kind": "object",
       "members": Array [
@@ -825,6 +826,7 @@ exports[`flow class with this expression 1`] = `
 Object {
   "component": Object {
     "kind": "generic",
+    "name": "Field",
     "value": Object {
       "kind": "object",
       "members": Array [
@@ -1016,6 +1018,7 @@ exports[`flow function component 1`] = `
 Object {
   "component": Object {
     "kind": "generic",
+    "name": "Component",
     "value": Object {
       "kind": "object",
       "members": Array [
@@ -1042,6 +1045,7 @@ exports[`flow function component with default including spread 1`] = `
 Object {
   "component": Object {
     "kind": "generic",
+    "name": "Component",
     "value": Object {
       "kind": "object",
       "members": Array [
@@ -1087,6 +1091,7 @@ exports[`flow function component with default props 1`] = `
 Object {
   "component": Object {
     "kind": "generic",
+    "name": "Component",
     "value": Object {
       "kind": "object",
       "members": Array [
@@ -1331,6 +1336,7 @@ exports[`flow function with defaults not arrow 1`] = `
 Object {
   "component": Object {
     "kind": "generic",
+    "name": "Component",
     "value": Object {
       "kind": "object",
       "members": Array [
@@ -1510,6 +1516,7 @@ exports[`flow inline function component 1`] = `
 Object {
   "component": Object {
     "kind": "generic",
+    "name": "Component",
     "value": Object {
       "kind": "object",
       "members": Array [

packages/extract-react-types/index.js

@@ -223,6 +223,7 @@ function convertReactComponentFunction(path, context) {
         }
       }
     });
+    functionProperties.name = name;
   }
 
   return addDefaultProps(functionProperties, defaultProps);