[Perf] Reduce useObserver gc pressure (#2995)

mobxjs · Jun 20, 2021 · 10c762c · 10c762c
1 parent 772a2f4
commit 10c762c
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/.changeset/reduce-useObserver-gc-pressure.md b/.changeset/reduce-useObserver-gc-pressure.md
@@ -0,0 +1,5 @@
+---
+"mobx-react-lite": patch
+---
+
+Reduce useObserver gc pressure
diff --git a/packages/mobx-react-lite/src/useObserver.ts b/packages/mobx-react-lite/src/useObserver.ts
@@ -19,12 +19,16 @@ function observerComponentNameFor(baseComponentName: string) {
  */
 class ObjectToBeRetainedByReact {}
 
+function objectToBeRetainedByReactFactory() {
+    return new ObjectToBeRetainedByReact()
+}
+
 export function useObserver<T>(fn: () => T, baseComponentName: string = "observed"): T {
     if (isUsingStaticRendering()) {
         return fn()
     }
 
-    const [objectRetainedByReact] = React.useState(new ObjectToBeRetainedByReact())
+    const [objectRetainedByReact] = React.useState(objectToBeRetainedByReactFactory)
 
     const forceUpdate = useForceUpdate()