refactor: switch to internal __createFactory function

to avoid using the deprecated React.createFactory function

(and update .size-snapshot.json)

resolves acdlite#806

.size-snapshot.json

@@ -1,18 +1,18 @@
 {
   "lib/packages/recompose/dist/Recompose.umd.js": {
-    "bundled": 46425,
-    "minified": 16484,
-    "gzipped": 4625
+    "bundled": 46573,
+    "minified": 16272,
+    "gzipped": 4626
   },
   "lib/packages/recompose/dist/Recompose.min.js": {
-    "bundled": 42863,
-    "minified": 15204,
-    "gzipped": 4194
+    "bundled": 43011,
+    "minified": 14992,
+    "gzipped": 4185
   },
   "lib/packages/recompose/dist/Recompose.esm.js": {
-    "bundled": 32428,
-    "minified": 15083,
-    "gzipped": 3550,
+    "bundled": 32663,
+    "minified": 15157,
+    "gzipped": 3560,
     "treeshaked": {
       "rollup": {
         "code": 310,

src/packages/recompose/__tests__/hoistStatics-test.js

@@ -1,6 +1,7 @@
-import React, { createFactory } from 'react'
+import React from 'react'
 import { mount } from 'enzyme'
 import sinon from 'sinon'
+import createFactory from '../createFactory'
 import { hoistStatics, mapProps } from '../'
 
 test('copies non-React static properties from base component to new component', () => {

src/packages/recompose/branch.js

@@ -1,4 +1,4 @@
-import { createFactory } from 'react'
+import createFactory from './createFactory'
 import setDisplayName from './setDisplayName'
 import wrapDisplayName from './wrapDisplayName'
 

src/packages/recompose/createFactory.js

@@ -0,0 +1,9 @@
+import { createElement } from 'react'
+
+// NOTE: This is intended to be an internal utility for now, may be
+// unit-tested, documented, and exported by the API in the future.
+export default function __createFactory(c) {
+  // as described in:
+  // - https://reactjs.org/blog/2020/02/26/react-v16.13.0.html
+  return createElement.bind(null, c)
+}

src/packages/recompose/defaultProps.js

@@ -1,4 +1,4 @@
-import { createFactory } from 'react'
+import createFactory from './createFactory'
 import setDisplayName from './setDisplayName'
 import wrapDisplayName from './wrapDisplayName'
 

src/packages/recompose/flattenProp.js

@@ -1,4 +1,4 @@
-import { createFactory } from 'react'
+import createFactory from './createFactory'
 import setDisplayName from './setDisplayName'
 import wrapDisplayName from './wrapDisplayName'
 

src/packages/recompose/fromRenderProps.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import createFactory from './createFactory'
 import setDisplayName from './setDisplayName'
 import wrapDisplayName from './wrapDisplayName'
 
@@ -7,8 +7,8 @@ const fromRenderProps = (
   propsMapper,
   renderPropName = 'children'
 ) => BaseComponent => {
-  const baseFactory = React.createFactory(BaseComponent)
-  const renderPropsFactory = React.createFactory(RenderPropsComponent)
+  const baseFactory = createFactory(BaseComponent)
+  const renderPropsFactory = createFactory(RenderPropsComponent)
 
   const FromRenderProps = ownerProps =>
     renderPropsFactory({

src/packages/recompose/getContext.js

@@ -1,4 +1,4 @@
-import { createFactory } from 'react'
+import createFactory from './createFactory'
 import setDisplayName from './setDisplayName'
 import wrapDisplayName from './wrapDisplayName'
 

src/packages/recompose/lifecycle.js

@@ -1,5 +1,6 @@
 /* eslint-disable no-console */
-import { createFactory, Component } from 'react'
+import { Component } from 'react'
+import createFactory from './createFactory'
 import setDisplayName from './setDisplayName'
 import wrapDisplayName from './wrapDisplayName'
 

src/packages/recompose/mapProps.js

@@ -1,4 +1,4 @@
-import { createFactory } from 'react'
+import createFactory from './createFactory'
 import setDisplayName from './setDisplayName'
 import wrapDisplayName from './wrapDisplayName'
 

src/packages/recompose/mapPropsStream.js

@@ -1,5 +1,5 @@
-import { createFactory } from 'react'
 import $$observable from 'symbol-observable'
+import createFactory from './createFactory'
 import { componentFromStreamWithConfig } from './componentFromStream'
 import setDisplayName from './setDisplayName'
 import wrapDisplayName from './wrapDisplayName'

src/packages/recompose/nest.js

@@ -1,4 +1,4 @@
-import { createFactory } from 'react'
+import createFactory from './createFactory'
 import getDisplayName from './getDisplayName'
 
 const nest = (...Components) => {

src/packages/recompose/renderComponent.js

@@ -1,4 +1,4 @@
-import { createFactory } from 'react'
+import createFactory from './createFactory'
 import wrapDisplayName from './wrapDisplayName'
 
 const renderComponent = Component => _ => {

src/packages/recompose/shouldUpdate.js

@@ -1,4 +1,5 @@
-import { createFactory, Component } from 'react'
+import { Component } from 'react'
+import createFactory from './createFactory'
 import setDisplayName from './setDisplayName'
 import wrapDisplayName from './wrapDisplayName'
 

src/packages/recompose/withContext.js

@@ -1,4 +1,5 @@
-import { createFactory, Component } from 'react'
+import { Component } from 'react'
+import createFactory from './createFactory'
 import setDisplayName from './setDisplayName'
 import wrapDisplayName from './wrapDisplayName'
 

src/packages/recompose/withHandlers.js

@@ -1,5 +1,6 @@
 /* eslint-disable no-console */
-import { createFactory, Component } from 'react'
+import { Component } from 'react'
+import createFactory from './createFactory'
 import setDisplayName from './setDisplayName'
 import wrapDisplayName from './wrapDisplayName'
 import mapValues from './utils/mapValues'

src/packages/recompose/withPropsOnChange.js

@@ -1,5 +1,6 @@
-import { createFactory, Component } from 'react'
+import { Component } from 'react'
 import { polyfill } from 'react-lifecycles-compat'
+import createFactory from './createFactory'
 import pick from './utils/pick'
 import shallowEqual from './shallowEqual'
 import setDisplayName from './setDisplayName'

src/packages/recompose/withReducer.js

@@ -1,4 +1,5 @@
-import { createFactory, Component } from 'react'
+import { Component } from 'react'
+import createFactory from './createFactory'
 import setDisplayName from './setDisplayName'
 import wrapDisplayName from './wrapDisplayName'
 

src/packages/recompose/withState.js

@@ -1,4 +1,5 @@
-import { createFactory, Component } from 'react'
+import { Component } from 'react'
+import __createFactory from './createFactory'
 import setDisplayName from './setDisplayName'
 import wrapDisplayName from './wrapDisplayName'
 
@@ -7,7 +8,7 @@ const withState = (
   stateUpdaterName,
   initialState
 ) => BaseComponent => {
-  const factory = createFactory(BaseComponent)
+  const factory = __createFactory(BaseComponent)
   class WithState extends Component {
     state = {
       stateValue:

src/packages/recompose/withStateHandlers.js

@@ -1,4 +1,5 @@
-import { createFactory, Component } from 'react'
+import { Component } from 'react'
+import createFactory from './createFactory'
 import setDisplayName from './setDisplayName'
 import wrapDisplayName from './wrapDisplayName'
 import mapValues from './utils/mapValues'