prepare 2.23 release (#72)

Author: LaunchDarklyReleaseBot

package-lock.json

@@ -34,6 +34,7 @@
     "@testing-library/jest-dom": "^4.1.0",
     "@testing-library/react": "^11.2.6",
     "@types/enzyme": "^3.10.3",
+    "@types/hoist-non-react-statics": "^3.3.1",
     "@types/jest": "^25.2.3",
     "@types/lodash.camelcase": "^4.3.6",
     "@types/prop-types": "^15.7.2",
@@ -58,6 +59,7 @@
     "typescript": "~3.8.3"
   },
   "dependencies": {
+    "hoist-non-react-statics": "^3.3.2",
     "launchdarkly-js-client-sdk": "2.19.2",
     "lodash.camelcase": "^4.3.0",
     "uuid": "^3.3.2"

package.json

@@ -117,4 +117,17 @@ describe('withLDProvider', () => {
     expect(mockLDClient.on).toHaveBeenCalledWith('change', expect.any(Function));
     expect(newState).toEqual({ flags: { 'another-test-flag': false, 'test-flag': false } });
   });
+
+  test('hoist non react statics', () => {
+    interface ComponentWithStaticFn extends React.FC {
+      getInitialProps(): void;
+    }
+    const WrappedComponent: ComponentWithStaticFn = () => <></>;
+    WrappedComponent.getInitialProps = () => '';
+
+    const LaunchDarklyApp = withLDProvider({ clientSideID, reactOptions: { useCamelCaseFlagKeys: false } })(
+      WrappedComponent,
+    ) as ComponentWithStaticFn;
+    expect(LaunchDarklyApp.getInitialProps).toBeDefined();
+  });
 });

src/withLDProvider.test.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { defaultReactOptions, ProviderConfig } from './types';
 import LDProvider from './provider';
+import hoistNonReactStatics from 'hoist-non-react-statics';
 
 /**
  * `withLDProvider` is a function which accepts a config object which is used to
@@ -22,21 +23,25 @@ import LDProvider from './provider';
  * @param config - The configuration used to initialize LaunchDarkly's JS SDK
  * @return A function which accepts your root React component and returns a HOC
  */
-export function withLDProvider(config: ProviderConfig) {
-  return function withLDProviderHoc<P>(WrappedComponent: React.ComponentType<P>) {
+export function withLDProvider(config: ProviderConfig): (WrappedComponent: React.ComponentType) => React.ComponentType {
+  return function withLDProviderHoc(WrappedComponent: React.ComponentType): React.ComponentType {
     const { reactOptions: userReactOptions } = config;
     const reactOptions = { ...defaultReactOptions, ...userReactOptions };
     const providerProps = { ...config, reactOptions };
 
-    return class extends React.Component<P> {
+    class HoistedComponent extends React.Component {
       render() {
         return (
           <LDProvider {...providerProps}>
             <WrappedComponent {...this.props} />
           </LDProvider>
         );
       }
-    };
+    }
+
+    hoistNonReactStatics(HoistedComponent, WrappedComponent);
+
+    return HoistedComponent;
   };
 }