Fix display name on helper components.

Author: ghengeveld

.eslintrc

@@ -12,7 +12,6 @@
   },
   "plugins": ["jest", "promise", "react"],
   "rules": {
-    "react/display-name": "off",
     "react/prop-types": "off"
   },
   "settings": {

examples/basic-fetch/.env

@@ -0,0 +1 @@
+SKIP_PREFLIGHT_CHECK=true

examples/custom-instance/.env

@@ -0,0 +1 @@
+SKIP_PREFLIGHT_CHECK=true

src/index.js

@@ -138,7 +138,7 @@ export const createInstance = (defaultProps = {}) => {
    * @prop {boolean} persist Show until we have data, even while loading or when an error occurred
    * @prop {Function|Node} children Function (passing state) or React node
    */
-  Async.Pending = ({ children, persist }) => (
+  const Pending = ({ children, persist }) => (
     <Consumer>
       {state => {
         if (state.data !== undefined) return null
@@ -155,7 +155,7 @@ export const createInstance = (defaultProps = {}) => {
    * @prop {boolean} initial Show only on initial load (data is undefined)
    * @prop {Function|Node} children Function (passing state) or React node
    */
-  Async.Loading = ({ children, initial }) => (
+  const Loading = ({ children, initial }) => (
     <Consumer>
       {state => {
         if (!state.isLoading) return null
@@ -171,7 +171,7 @@ export const createInstance = (defaultProps = {}) => {
    * @prop {boolean} persist Show old data while loading
    * @prop {Function|Node} children Function (passing data and state) or React node
    */
-  Async.Resolved = ({ children, persist }) => (
+  const Resolved = ({ children, persist }) => (
     <Consumer>
       {state => {
         if (state.data === undefined) return null
@@ -188,7 +188,7 @@ export const createInstance = (defaultProps = {}) => {
    * @prop {boolean} persist Show old error while loading
    * @prop {Function|Node} children Function (passing error and state) or React node
    */
-  Async.Rejected = ({ children, persist }) => (
+  const Rejected = ({ children, persist }) => (
     <Consumer>
       {state => {
         if (state.error === undefined) return null
@@ -198,6 +198,11 @@ export const createInstance = (defaultProps = {}) => {
     </Consumer>
   )
 
+  Async.Pending = Pending
+  Async.Loading = Loading
+  Async.Resolved = Resolved
+  Async.Rejected = Rejected
+
   return Async
 }