bugfix: persist not working on iOS (#836)

`createPersistor` defines a `timingMethod` that won't work on iOS.

The `timingMethod` utilizes `requestIdleCallback` if it is defined.

It turns out that the pollyfilled requestIdleCallback for RN on iOS, requires a second parameter with a specific timeout - where as the native implementation does not. Setting the specific parameter invokes this function across all platforms.

Author: jmyrland

package.json

@@ -1,6 +1,6 @@
 {
   "name": "easy-peasy",
-  "version": "6.0.0",
+  "version": "6.0.1",
   "description": "Vegetarian friendly state for React",
   "license": "MIT",
   "main": "dist/index.cjs.js",

src/persistence.js

@@ -76,7 +76,9 @@ function createStorageWrapper(storage, transformers = [], migrations = {}) {
         : data;
 
     const hasMigrations = Object.keys(migrations).length > 0;
-    const result = hasMigrations ? migrate(storageData, migrations) : storageData;
+    const result = hasMigrations
+      ? migrate(storageData, migrations)
+      : storageData;
 
     if (
       outTransformers.length > 0 &&
@@ -173,7 +175,9 @@ export function createPersistor(persistKey, _r) {
     typeof window === 'undefined'
       ? (fn) => fn()
       : window.requestIdleCallback != null
-      ? window.requestIdleCallback
+      ? // We need to wrap requestIdleCallback, because it doesn't work without
+        // a second parameter on iOS with ReactNative
+        (fn) => window.requestIdleCallback(fn, { timeout: 0 })
       : window.requestAnimationFrame;
 
   const persist = (nextState) => {

website/docs/docs/recipes/connecting-to-reactotron.md

@@ -30,12 +30,6 @@ Then update the manner in which you create your Easy Peasy store.
 import { createStore } from 'easy-peasy';
 import model from './model';
 
-// There might be an issue causing `setItem` not being called correctly
-// for iOS devices using React Native. The solution for this is currently
-// to remove the implemenation of `requestIdleCallback`.
-// Read this issue for more information: https://github.com/ctrlplusb/easy-peasy/issues/599
-window.requestIdleCallback = null;
-
 let storeEnhancers = [];
 
 if (__DEV__) {