@hot-updater/react-native 0.3.1 → 0.4.1-0

package/HotUpdater.podspec

@@ -5,7 +5,7 @@ folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1
 
 Pod::Spec.new do |s|
   s.name         = "HotUpdater"
-  s.version      = package["version"]
+  s.version      = package["version"].split('.')[0..1].join('.') + '.0'
   s.summary      = package["description"]
   s.homepage     = package["homepage"]
   s.license      = package["license"]
@@ -15,6 +15,9 @@ Pod::Spec.new do |s|
   s.source       = { :git => "https://github.com/gronxb/hot-updater.git", :tag => "#{s.version}" }
 
   s.source_files = "ios/**/*.{h,m,mm}"
+  if ENV['RCT_NEW_ARCH_ENABLED'] != '1' then
+    s.exclude_files = "ios/generated/**/*"
+  end
 
   s.dependency "SSZipArchive", "~> 2.2.2"
 
@@ -23,21 +26,21 @@ Pod::Spec.new do |s|
   if respond_to?(:install_modules_dependencies, true)
     install_modules_dependencies(s)
   else
-  s.dependency "React-Core"
+    s.dependency "React-Core"
 
-  # Don't install the dependencies when we run `pod install` in the old architecture.
-  if ENV['RCT_NEW_ARCH_ENABLED'] == '1' then
-    s.compiler_flags = folly_compiler_flags + " -DRCT_NEW_ARCH_ENABLED=1"
-    s.pod_target_xcconfig    = {
-        "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/boost\"",
-        "OTHER_CPLUSPLUSFLAGS" => "-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1",
-        "CLANG_CXX_LANGUAGE_STANDARD" => "c++17"
-    }
-    s.dependency "React-Codegen"
-    s.dependency "RCT-Folly"
-    s.dependency "RCTRequired"
-    s.dependency "RCTTypeSafety"
-    s.dependency "ReactCommon/turbomodule/core"
-   end
+    # Don't install the dependencies when we run `pod install` in the old architecture.
+    if ENV['RCT_NEW_ARCH_ENABLED'] == '1' then
+      s.compiler_flags = folly_compiler_flags + " -DRCT_NEW_ARCH_ENABLED=1"
+      s.pod_target_xcconfig    = {
+          "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/boost\"",
+          "OTHER_CPLUSPLUSFLAGS" => "-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1",
+          "CLANG_CXX_LANGUAGE_STANDARD" => "c++17"
+      }
+      s.dependency "React-Codegen"
+      s.dependency "RCT-Folly"
+      s.dependency "RCTRequired"
+      s.dependency "RCTTypeSafety"
+      s.dependency "ReactCommon/turbomodule/core"
+    end
   end    
 end

package/android/src/oldarch/HotUpdaterModule.kt

@@ -0,0 +1,49 @@
+package com.hotupdater
+
+import com.facebook.react.bridge.Promise
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.bridge.ReactMethod
+import com.facebook.react.bridge.WritableNativeMap
+import com.facebook.react.modules.core.DeviceEventManagerModule
+
+class HotUpdaterModule internal constructor(
+    context: ReactApplicationContext,
+) : HotUpdaterSpec(context) {
+    private val mReactApplicationContext: ReactApplicationContext = context
+
+    override fun getName(): String = NAME
+
+    @ReactMethod
+    override fun reload() {
+        HotUpdater.reload(mReactApplicationContext)
+    }
+
+    @ReactMethod
+    override fun getAppVersion(promise: Promise) {
+        promise.resolve(HotUpdater.getAppVersion(mReactApplicationContext))
+    }
+
+    @ReactMethod
+    override fun updateBundle(
+        bundleId: String,
+        zipUrl: String,
+        promise: Promise,
+    ) {
+        val isSuccess =
+            HotUpdater.updateBundle(mReactApplicationContext, bundleId, zipUrl) { progress ->
+                val params =
+                    WritableNativeMap().apply {
+                        putDouble("progress", progress)
+                    }
+
+                this.mReactApplicationContext
+                    .getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter::class.java)
+                    .emit("onProgress", params)
+            }
+        promise.resolve(isSuccess)
+    }
+
+    companion object {
+        const val NAME = "HotUpdater"
+    }
+}

package/dist/index.d.ts

@@ -7,7 +7,7 @@ export declare const HotUpdater: {
     reload: () => void;
     getAppVersion: () => Promise<string | null>;
     getBundleId: () => string;
-    addListener: <T extends keyof import("./native").HotUpdaterEvent>(eventName: T, listener: (event: import("./native").HotUpdaterEvent[T]) => void) => void;
+    addListener: <T extends keyof import("./native").HotUpdaterEvent>(eventName: T, listener: (event: import("./native").HotUpdaterEvent[T]) => void) => () => void;
     ensureUpdateInfo: (source: import("@hot-updater/core").BundleArg, { appVersion, bundleId, platform }: import("@hot-updater/core").GetBundlesArgs, requestHeaders?: Record<string, string>) => Promise<import("@hot-updater/core").Bundle[] | import("@hot-updater/core").UpdateInfo>;
     updateBundle: (bundleId: string, zipUrl: string | null) => Promise<boolean>;
     getUpdateInfo: (bundles: import("@hot-updater/core").Bundle[], { platform, bundleId, appVersion }: import("@hot-updater/core").GetBundlesArgs) => Promise<import("@hot-updater/core").UpdateInfo | null>;

package/dist/index.js

@@ -3119,7 +3119,10 @@ const HotUpdaterNative = HotUpdaterModule ? HotUpdaterModule : new Proxy({}, {
 });
 const addListener = (eventName, listener)=>{
     const eventEmitter = new external_react_native_.NativeEventEmitter(HotUpdaterNative);
-    eventEmitter?.addListener(eventName, listener);
+    const subscription = eventEmitter.addListener(eventName, listener);
+    return ()=>{
+        subscription.remove();
+    };
 };
 const updateBundle = (bundleId, zipUrl)=>HotUpdaterNative.updateBundle(bundleId, zipUrl);
 const getAppVersion = ()=>HotUpdaterNative.getAppVersion();
@@ -3130,17 +3133,18 @@ const getBundleId = ()=>HotUpdater.HOT_UPDATER_BUNDLE_ID;
 var react = __webpack_require__("../../node_modules/.pnpm/react@18.3.1/node_modules/react/index.js");
 const createHotUpdaterStore = ()=>{
     let state = {
-        progress: 0
+        progress: 0,
+        isBundleUpdated: false
     };
-    const getState = ()=>state;
+    const getSnapshot = ()=>state;
     const listeners = new Set();
     const emitChange = ()=>{
         for (const listener of listeners)listener();
     };
-    const setState = (newState)=>{
+    const setProgress = (progress)=>{
         state = {
-            ...state,
-            ...newState
+            isBundleUpdated: 1 === progress,
+            progress
         };
         emitChange();
     };
@@ -3149,13 +3153,13 @@ const createHotUpdaterStore = ()=>{
         return ()=>listeners.delete(listener);
     };
     return {
-        getState,
-        setState,
+        getSnapshot,
+        setProgress,
         subscribe
     };
 };
 const hotUpdaterStore = createHotUpdaterStore();
-const useHotUpdaterStore = ()=>(0, react.useSyncExternalStore)(hotUpdaterStore.subscribe, hotUpdaterStore.getState, hotUpdaterStore.getState);
+const useHotUpdaterStore = ()=>(0, react.useSyncExternalStore)(hotUpdaterStore.subscribe, hotUpdaterStore.getSnapshot, hotUpdaterStore.getSnapshot);
 class HotUpdaterError extends Error {
     constructor(message){
         super(message);
@@ -3201,23 +3205,33 @@ async function installUpdate(updateInfo) {
 }
 function wrap(config) {
     return (WrappedComponent)=>{
-        const HotUpdaterHOC = (props)=>{
-            const [updateStatus, setUpdateStatus] = (0, react.useState)(null);
-            const [updateError, setUpdateError] = (0, react.useState)(null);
-            const { progress } = useHotUpdaterStore();
+        const HotUpdaterHOC = ()=>{
+            const { progress, isBundleUpdated } = useHotUpdaterStore();
+            const [isUpdating, setIsUpdating] = (0, react.useState)(false);
+            (0, react.useEffect)(()=>{
+                config.onProgress?.(progress);
+            }, [
+                progress
+            ]);
             (0, react.useEffect)(()=>{
                 const initHotUpdater = async ()=>{
                     try {
                         const updateInfo = await checkUpdate(config);
                         if (!updateInfo) {
-                            setUpdateStatus("UP_TO_DATE");
+                            config.onCheckUpdateCompleted?.({
+                                isBundleUpdated: false
+                            });
                             return;
                         }
-                        setUpdateStatus("UPDATING");
+                        setIsUpdating(true);
                         const isSuccess = await installUpdate(updateInfo);
-                        if (isSuccess) setUpdateStatus("INSTALLING_UPDATE");
+                        config.onCheckUpdateCompleted?.({
+                            isBundleUpdated: isSuccess
+                        });
+                        setIsUpdating(false);
                     } catch (error) {
-                        if (error instanceof HotUpdaterError) setUpdateError(error);
+                        if (error instanceof HotUpdaterError) config.onError?.(error);
+                        setIsUpdating(false);
                         throw error;
                     }
                 };
@@ -3226,25 +3240,19 @@ function wrap(config) {
                 config.source,
                 config.requestHeaders
             ]);
-            if ("UPDATING" === updateStatus && config.fallbackComponent) {
+            if (config.fallbackComponent && isUpdating) {
                 const Fallback = config.fallbackComponent;
                 return /*#__PURE__*/ React.createElement(Fallback, {
                     progress: progress
                 });
             }
-            return /*#__PURE__*/ React.createElement(WrappedComponent, {
-                ...props,
-                updateStatus: updateStatus,
-                updateError: updateError
-            });
+            return /*#__PURE__*/ React.createElement(WrappedComponent, null);
         };
         return HotUpdaterHOC;
     };
 }
 addListener("onProgress", ({ progress })=>{
-    hotUpdaterStore.setState({
-        progress
-    });
+    hotUpdaterStore.setProgress(progress);
 });
 const src_HotUpdater = {
     wrap: wrap,

package/dist/index.mjs

@@ -3087,7 +3087,10 @@ const HotUpdaterNative = HotUpdaterModule ? HotUpdaterModule : new Proxy({}, {
 });
 const addListener = (eventName, listener)=>{
     const eventEmitter = new external_react_native_.NativeEventEmitter(HotUpdaterNative);
-    eventEmitter?.addListener(eventName, listener);
+    const subscription = eventEmitter.addListener(eventName, listener);
+    return ()=>{
+        subscription.remove();
+    };
 };
 const updateBundle = (bundleId, zipUrl)=>HotUpdaterNative.updateBundle(bundleId, zipUrl);
 const getAppVersion = ()=>HotUpdaterNative.getAppVersion();
@@ -3098,17 +3101,18 @@ const getBundleId = ()=>HotUpdater.HOT_UPDATER_BUNDLE_ID;
 var react = __webpack_require__("../../node_modules/.pnpm/react@18.3.1/node_modules/react/index.js");
 const createHotUpdaterStore = ()=>{
     let state = {
-        progress: 0
+        progress: 0,
+        isBundleUpdated: false
     };
-    const getState = ()=>state;
+    const getSnapshot = ()=>state;
     const listeners = new Set();
     const emitChange = ()=>{
         for (const listener of listeners)listener();
     };
-    const setState = (newState)=>{
+    const setProgress = (progress)=>{
         state = {
-            ...state,
-            ...newState
+            isBundleUpdated: 1 === progress,
+            progress
         };
         emitChange();
     };
@@ -3117,13 +3121,13 @@ const createHotUpdaterStore = ()=>{
         return ()=>listeners.delete(listener);
     };
     return {
-        getState,
-        setState,
+        getSnapshot,
+        setProgress,
         subscribe
     };
 };
 const hotUpdaterStore = createHotUpdaterStore();
-const useHotUpdaterStore = ()=>(0, react.useSyncExternalStore)(hotUpdaterStore.subscribe, hotUpdaterStore.getState, hotUpdaterStore.getState);
+const useHotUpdaterStore = ()=>(0, react.useSyncExternalStore)(hotUpdaterStore.subscribe, hotUpdaterStore.getSnapshot, hotUpdaterStore.getSnapshot);
 class HotUpdaterError extends Error {
     constructor(message){
         super(message);
@@ -3169,23 +3173,33 @@ async function installUpdate(updateInfo) {
 }
 function wrap(config) {
     return (WrappedComponent)=>{
-        const HotUpdaterHOC = (props)=>{
-            const [updateStatus, setUpdateStatus] = (0, react.useState)(null);
-            const [updateError, setUpdateError] = (0, react.useState)(null);
-            const { progress } = useHotUpdaterStore();
+        const HotUpdaterHOC = ()=>{
+            const { progress, isBundleUpdated } = useHotUpdaterStore();
+            const [isUpdating, setIsUpdating] = (0, react.useState)(false);
+            (0, react.useEffect)(()=>{
+                config.onProgress?.(progress);
+            }, [
+                progress
+            ]);
             (0, react.useEffect)(()=>{
                 const initHotUpdater = async ()=>{
                     try {
                         const updateInfo = await checkUpdate(config);
                         if (!updateInfo) {
-                            setUpdateStatus("UP_TO_DATE");
+                            config.onCheckUpdateCompleted?.({
+                                isBundleUpdated: false
+                            });
                             return;
                         }
-                        setUpdateStatus("UPDATING");
+                        setIsUpdating(true);
                         const isSuccess = await installUpdate(updateInfo);
-                        if (isSuccess) setUpdateStatus("INSTALLING_UPDATE");
+                        config.onCheckUpdateCompleted?.({
+                            isBundleUpdated: isSuccess
+                        });
+                        setIsUpdating(false);
                     } catch (error) {
-                        if (error instanceof HotUpdaterError) setUpdateError(error);
+                        if (error instanceof HotUpdaterError) config.onError?.(error);
+                        setIsUpdating(false);
                         throw error;
                     }
                 };
@@ -3194,25 +3208,19 @@ function wrap(config) {
                 config.source,
                 config.requestHeaders
             ]);
-            if ("UPDATING" === updateStatus && config.fallbackComponent) {
+            if (config.fallbackComponent && isUpdating) {
                 const Fallback = config.fallbackComponent;
                 return /*#__PURE__*/ React.createElement(Fallback, {
                     progress: progress
                 });
             }
-            return /*#__PURE__*/ React.createElement(WrappedComponent, {
-                ...props,
-                updateStatus: updateStatus,
-                updateError: updateError
-            });
+            return /*#__PURE__*/ React.createElement(WrappedComponent, null);
         };
         return HotUpdaterHOC;
     };
 }
 addListener("onProgress", ({ progress })=>{
-    hotUpdaterStore.setState({
-        progress
-    });
+    hotUpdaterStore.setProgress(progress);
 });
 const src_HotUpdater = {
     wrap: wrap,

package/dist/native.d.ts

@@ -3,7 +3,7 @@ export type HotUpdaterEvent = {
         progress: number;
     };
 };
-export declare const addListener: <T extends keyof HotUpdaterEvent>(eventName: T, listener: (event: HotUpdaterEvent[T]) => void) => void;
+export declare const addListener: <T extends keyof HotUpdaterEvent>(eventName: T, listener: (event: HotUpdaterEvent[T]) => void) => () => void;
 /**
  * Downloads files from given URLs.
  *

package/dist/store.d.ts

@@ -1,9 +1,10 @@
 export type HotUpdaterState = {
     progress: number;
+    isBundleUpdated: boolean;
 };
 export declare const hotUpdaterStore: {
-    getState: () => HotUpdaterState;
-    setState: (newState: Partial<HotUpdaterState>) => void;
+    getSnapshot: () => HotUpdaterState;
+    setProgress: (progress: number) => void;
     subscribe: (listener: () => void) => () => boolean;
 };
 export declare const useHotUpdaterStore: () => HotUpdaterState;

package/dist/wrap.d.ts

@@ -1,20 +1,18 @@
 import type { BundleArg, UpdateInfo } from "@hot-updater/core";
 import type React from "react";
 import { HotUpdaterError } from "./error";
-export type HotUpdaterStatus = "INSTALLING_UPDATE" | "UP_TO_DATE" | "UPDATING";
+import { type HotUpdaterState } from "./store";
 export interface CheckUpdateConfig {
     source: BundleArg;
     requestHeaders?: Record<string, string>;
 }
 export interface HotUpdaterConfig extends CheckUpdateConfig {
-    fallbackComponent?: React.FC<HotUpdaterFallbackProps>;
-}
-export interface HotUpdaterFallbackProps {
-    progress: number;
-}
-export interface WithHotUpdaterProps {
-    updateStatus: HotUpdaterStatus | null;
-    updateError: HotUpdaterError | null;
+    fallbackComponent?: React.FC<Pick<HotUpdaterState, "progress">>;
+    onError?: (error: HotUpdaterError) => void;
+    onProgress?: (progress: number) => void;
+    onCheckUpdateCompleted?: ({ isBundleUpdated, }: {
+        isBundleUpdated: boolean;
+    }) => void;
 }
 export declare function checkUpdate(config: CheckUpdateConfig): Promise<UpdateInfo | null>;
-export declare function wrap<P>(config: HotUpdaterConfig): (WrappedComponent: React.ComponentType<P & WithHotUpdaterProps>) => React.ComponentType<P>;
+export declare function wrap<P>(config: HotUpdaterConfig): (WrappedComponent: React.ComponentType) => React.ComponentType<P>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hot-updater/react-native",
-  "version": "0.3.1",
+  "version": "0.4.1-0",
   "description": "React Native OTA solution for self-hosted",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -73,10 +73,10 @@
     "react": "18.3.1",
     "react-native": "0.76.2",
     "react-native-builder-bob": "^0.33.1",
-    "@hot-updater/js": "0.3.1"
+    "@hot-updater/js": "0.4.1-0"
   },
   "dependencies": {
-    "@hot-updater/core": "0.3.1"
+    "@hot-updater/core": "0.4.1-0"
   },
   "scripts": {
     "build": "rslib build",

package/src/index.ts

@@ -16,7 +16,7 @@ export type * from "./native";
 export * from "./store";
 
 addListener("onProgress", ({ progress }) => {
-  hotUpdaterStore.setState({ progress });
+  hotUpdaterStore.setProgress(progress);
 });
 
 export const HotUpdater = {

package/src/native.ts

@@ -41,8 +41,11 @@ export const addListener = <T extends keyof HotUpdaterEvent>(
   listener: (event: HotUpdaterEvent[T]) => void,
 ) => {
   const eventEmitter = new NativeEventEmitter(HotUpdaterNative);
+  const subscription = eventEmitter.addListener(eventName, listener);
 
-  eventEmitter?.addListener(eventName, listener);
+  return () => {
+    subscription.remove();
+  };
 };
 
 /**

package/src/store.ts

@@ -2,14 +2,16 @@ import { useSyncExternalStore } from "react";
 
 export type HotUpdaterState = {
   progress: number;
+  isBundleUpdated: boolean;
 };
 
 const createHotUpdaterStore = () => {
   let state: HotUpdaterState = {
     progress: 0,
+    isBundleUpdated: false,
   };
 
-  const getState = () => {
+  const getSnapshot = () => {
     return state;
   };
 
@@ -21,10 +23,10 @@ const createHotUpdaterStore = () => {
     }
   };
 
-  const setState = (newState: Partial<HotUpdaterState>) => {
+  const setProgress = (progress: number) => {
     state = {
-      ...state,
-      ...newState,
+      isBundleUpdated: progress === 1,
+      progress,
     };
     emitChange();
   };
@@ -34,7 +36,7 @@ const createHotUpdaterStore = () => {
     return () => listeners.delete(listener);
   };
 
-  return { getState, setState, subscribe };
+  return { getSnapshot, setProgress, subscribe };
 };
 
 export const hotUpdaterStore = createHotUpdaterStore();
@@ -42,7 +44,7 @@ export const hotUpdaterStore = createHotUpdaterStore();
 export const useHotUpdaterStore = () => {
   return useSyncExternalStore(
     hotUpdaterStore.subscribe,
-    hotUpdaterStore.getState,
-    hotUpdaterStore.getState,
+    hotUpdaterStore.getSnapshot,
+    hotUpdaterStore.getSnapshot,
   );
 };

package/src/wrap.tsx

@@ -6,9 +6,7 @@ import { Platform } from "react-native";
 import { ensureUpdateInfo } from "./ensureUpdateInfo";
 import { HotUpdaterError } from "./error";
 import { getAppVersion, getBundleId, reload, updateBundle } from "./native";
-import { useHotUpdaterStore } from "./store";
-
-export type HotUpdaterStatus = "INSTALLING_UPDATE" | "UP_TO_DATE" | "UPDATING";
+import { type HotUpdaterState, useHotUpdaterStore } from "./store";
 
 export interface CheckUpdateConfig {
   source: BundleArg;
@@ -16,16 +14,12 @@ export interface CheckUpdateConfig {
 }
 
 export interface HotUpdaterConfig extends CheckUpdateConfig {
-  fallbackComponent?: React.FC<HotUpdaterFallbackProps>;
-}
-
-export interface HotUpdaterFallbackProps {
-  progress: number;
-}
-
-export interface WithHotUpdaterProps {
-  updateStatus: HotUpdaterStatus | null;
-  updateError: HotUpdaterError | null;
+  fallbackComponent?: React.FC<Pick<HotUpdaterState, "progress">>;
+  onError?: (error: HotUpdaterError) => void;
+  onProgress?: (progress: number) => void;
+  onCheckUpdateCompleted?: ({
+    isBundleUpdated,
+  }: { isBundleUpdated: boolean }) => void;
 }
 
 export async function checkUpdate(config: CheckUpdateConfig) {
@@ -89,39 +83,34 @@ async function installUpdate(updateInfo: UpdateInfo) {
 
 export function wrap<P>(
   config: HotUpdaterConfig,
-): (
-  WrappedComponent: React.ComponentType<P & WithHotUpdaterProps>,
-) => React.ComponentType<P> {
+): (WrappedComponent: React.ComponentType) => React.ComponentType<P> {
   return (WrappedComponent) => {
-    const HotUpdaterHOC: React.FC<P> = (props) => {
-      const [updateStatus, setUpdateStatus] = useState<HotUpdaterStatus | null>(
-        null,
-      );
-      const [updateError, setUpdateError] = useState<HotUpdaterError | null>(
-        null,
-      );
+    const HotUpdaterHOC: React.FC<P> = () => {
+      const { progress, isBundleUpdated } = useHotUpdaterStore();
+      const [isUpdating, setIsUpdating] = useState(false);
 
-      const { progress } = useHotUpdaterStore();
+      useEffect(() => {
+        config.onProgress?.(progress);
+      }, [progress]);
 
       useEffect(() => {
         const initHotUpdater = async () => {
           try {
             const updateInfo = await checkUpdate(config);
-
             if (!updateInfo) {
-              setUpdateStatus("UP_TO_DATE");
+              config.onCheckUpdateCompleted?.({ isBundleUpdated: false });
               return;
             }
+            setIsUpdating(true);
 
-            setUpdateStatus("UPDATING");
             const isSuccess = await installUpdate(updateInfo);
-            if (isSuccess) {
-              setUpdateStatus("INSTALLING_UPDATE");
-            }
+            config.onCheckUpdateCompleted?.({ isBundleUpdated: isSuccess });
+            setIsUpdating(false);
           } catch (error) {
             if (error instanceof HotUpdaterError) {
-              setUpdateError(error);
+              config.onError?.(error);
             }
+            setIsUpdating(false);
             throw error;
           }
         };
@@ -129,18 +118,12 @@ export function wrap<P>(
         initHotUpdater();
       }, [config.source, config.requestHeaders]);
 
-      if (updateStatus === "UPDATING" && config.fallbackComponent) {
+      if (config.fallbackComponent && isUpdating) {
         const Fallback = config.fallbackComponent;
         return <Fallback progress={progress} />;
       }
 
-      return (
-        <WrappedComponent
-          {...props}
-          updateStatus={updateStatus}
-          updateError={updateError}
-        />
-      );
+      return <WrappedComponent />;
     };
 
     return HotUpdaterHOC;