Fix jest.config.ts

Author: aryaemami59

examples/publish-ci/react-native/jest.config.ts

@@ -2,7 +2,26 @@ import type { Config } from "jest"
 
 const config: Config = {
   preset: "react-native",
-  testEnvironment: "node",
+  verbose: true,
+  /**
+   * Without this we will get the following error:
+   * `SyntaxError: Cannot use import statement outside a module`
+   */
+  transformIgnorePatterns: [
+    "node_modules/(?!((jest-)?react-native|...|react-redux))",
+  ],
+  /**
+   * React Native's `jest` preset includes a
+   * [polyfill for `window`](https://github.com/facebook/react-native/blob/acb634bc9662c1103bc7c8ca83cfdc62516d0060/packages/react-native/jest/setup.js#L61-L66).
+   * This polyfill causes React-Redux to use `useEffect`
+   * instead of `useLayoutEffect` for the `useIsomorphicLayoutEffect` hook.
+   * As a result, nested component updates may not be properly batched
+   * when using the `connect` API, leading to potential issues.
+   */
+  globals: {
+    window: undefined,
+    navigator: { product: "ReactNative" },
+  },
   setupFilesAfterEnv: ["<rootDir>/jest-setup.ts"],
   fakeTimers: { enableGlobally: true },
 }