diff --git a/README.md b/README.md
index d6c3e5d..ff8a142 100644
--- a/README.md
+++ b/README.md
@@ -22,13 +22,13 @@ yarn add react-state-selector
 
 > Check **https://pabloszx.github.io/react-state-selector** for more detailed examples and use cases.
 
-### TODOs
+### Features
 
-- [x] Redux DevTools
-- [x] async actions
+- [x] Redux **DevTools** support
+- [x] **async** actions (_**redux-thunk** alike_)
 - [x] **TypeScript** first class support
 - [x] **_reselect_** createSelector support
-- [ ] **More** examples and use cases (In progress...)
+- [x] Easy and efficient **localStorage** data persistence
 
 ### Basic Usage
 
@@ -57,12 +57,12 @@ const {
       },
     },
     actions: {
-      incrementA: (n: number) => draft => {
+      incrementA: (n: number) => (draft) => {
         // Here you can mutate "draft", and immer will
         // automatically make the immutable equivalent
         draft.countA += n;
       },
-      incrementB: (n: number) => draft => {
+      incrementB: (n: number) => (draft) => {
         draft.countB += n;
       },
     },
@@ -126,12 +126,12 @@ const {
       },
     },
     actions: {
-      incrementA: (n: number) => draft => {
+      incrementA: (n: number) => (draft) => {
         // Here you can mutate "draft", and immer will
         // automatically make the immutable equivalent
         draft.countA += n;
       },
-      incrementB: (n: number) => draft => {
+      incrementB: (n: number) => (draft) => {
         draft.countB += n;
       },
     },
@@ -195,7 +195,7 @@ By default every created store gives a couple of out of the box functionality, i
 - If you **don't** give it a function, it will work simply as a **state getter**, so you can check the global state anytime without any restriction.
 
 ```ts
-const state = produce(draft => {
+const state = produce((draft) => {
   draft.a += 1;
 });
 console.log(produce() === state); // true
@@ -208,7 +208,7 @@ console.log(produce() === state); // true
 - You shouldn't rely on this feature to transform the entire state as with [produce](#produce-functiondraft--void--tstore-tstore) or [custom actions](#custom-actions);
 
 ```ts
-const state = await asyncProduce(async draft => {
+const state = await asyncProduce(async (draft) => {
   draft.users = await (await fetch("/api/users")).json();
 });
 console.log(produce() === state); // true
@@ -251,7 +251,7 @@ const IncrementComp = () => {
   return (
     <button
       onClick={() =>
-        produce(draft => {
+        produce((draft) => {
           draft.count += 1;
         })
       }
@@ -346,7 +346,7 @@ const Store = createStore(
   { a: 1 },
   {
     actions: {
-      increment: (n: number) => draft => {
+      increment: (n: number) => (draft) => {
         draft.a += n;
       },
     },
@@ -356,7 +356,7 @@ const StoreCtx = createStore(
   { b: 1 },
   {
     actions: {
-      decrement: (n: number) => draft => {
+      decrement: (n: number) => (draft) => {
         draft.b -= n;
       },
     },
@@ -407,21 +407,21 @@ const Store = createStore(
   },
   {
     asyncActions: {
-      getData: produce => async bodyArgs => {
-        produce(draft => {
+      getData: (produce) => async (bodyArgs) => {
+        produce((draft) => {
           draft.state = State.loading;
         });
 
         try {
           const response = await axios.post("/data", bodyArgs);
 
-          produce(draft => {
+          produce((draft) => {
             draft.state = State.complete;
             draft.data = response.data;
           });
         } catch (err) {
           console.error(err);
-          produce(draft => {
+          produce((draft) => {
             draft.state = State.error;
           });
         }
@@ -461,6 +461,88 @@ const Data = () => {
 
 > Keep in mind that you can mix common synchronous actions and async actions in a single store, but you should not repeat the action names in both objects.
 
+### **localStorage** data persistence and \*_DevTools_
+
+When creating an store via **createStore** or **createStoreContext** you can specify some field that enable some useful features:
+
+```tsx
+//createStoreContext(
+createStore(
+  {
+    foo: "bar",
+  },
+  {
+    /**
+     * devName
+     *
+     * Activates the Redux DevTools for this store using
+     * this name as reference.
+     */
+    devName: "fooBarStore",
+
+    /**
+     * devToolsInProduction
+     *
+     * Activates the Redux Devtools functionality in production.
+     *
+     * By default this is false
+     */
+    devToolsInProduction: true,
+    storagePersistence: {
+      /**
+       * isActive
+       *
+       * Activates the data persistence in this store
+       **/
+      isActive: true,
+      /**
+       * persistenceKey
+       *
+       * Set the key used for the storage persistence method.
+       *
+       * It has to be a string, and if it's not specified
+       * reuses the "devName", but it has to exists at least one
+       * of these two if the storagePersistence is active
+       **/
+      persistenceKey: "fooBarStore",
+      /**
+       * debounceWait
+       *
+       * Calling an external store like localStorage every time
+       * any change to the store is very computationally expensive
+       * and that's why by default this functionality is being debounced
+       * to be called only when needed, after X amount of milliseconds
+       * since the last change to the store.
+       *
+       * By default it's set to 3000 ms, but you can customize it to
+       * be 0 if you want almost instant save to the persistence store
+       **/
+      debounceWait: 1000,
+      /**
+       * persistenceMethod
+       *
+       * You also can customize the persistence method,
+       * but by default uses window.localStorage.
+       *
+       * Keep in mind that it should follow the same API
+       * of setItem and getItem of localStorage
+       **/
+      persistenceMethod: window.localStorage,
+      /**
+       * isSSR
+       *
+       * Flag used to specify that this store is going to be
+       * used in server side rendering environments and it prevents
+       * client/server mismatched html on client side hydration
+       *
+       * false by default
+       **/
+      isSSR: true,
+    },
+  }
+);
+```
+
 ### **Map / Set** support _and/or_ **old browsers / React Native** support
 
 In [Immer](https://immerjs.github.io/immer) latest version in order to reduce bundle size if you need support for **Map**, **Set**, **old browsers** or **React Native** you need to call some specific Immer functions as early as possible in your application.
diff --git a/package.json b/package.json
index f397f77..3a24750 100644
--- a/package.json
+++ b/package.json
@@ -54,14 +54,14 @@
     "@storybook/addon-storysource": "^5.3.17",
     "@storybook/addons": "^5.3.17",
     "@storybook/core": "^5.3.17",
-    "@storybook/preset-create-react-app": "^2.1.0",
+    "@storybook/preset-create-react-app": "^2.1.1",
     "@storybook/react": "^5.3.17",
-    "@testing-library/jest-dom": "^5.1.1",
+    "@testing-library/jest-dom": "^5.3.0",
     "@testing-library/react": "^10.0.1",
     "@testing-library/react-hooks": "^3.2.1",
     "@types/babel__core": "^7.1.6",
     "@types/jest": "^25.1.4",
-    "@types/react": "^16.9.25",
+    "@types/react": "^16.9.26",
     "@types/react-dom": "^16.9.5",
     "@types/react-is": "^16.7.1",
     "@types/react-test-renderer": "^16.9.2",
@@ -74,7 +74,7 @@
     "husky": "^4.2.3",
     "prettier": "^2.0.2",
     "pretty-quick": "^2.0.1",
-    "react": "^16.13.0",
+    "react": "^16.13.1",
     "react-docgen-typescript-loader": "^3.7.1",
     "react-dom": "^16.13.1",
     "react-is": "^16.13.1",
@@ -86,7 +86,6 @@
     "tsdx": "^0.13.0",
     "tslib": "^1.11.1",
     "typescript": "^3.8.3",
-    "use-context-selector": "^1.1.0",
     "wait-for-expect": "^3.0.2",
     "webpack": "^4.42.1"
   },
diff --git a/src/createStoreContext.ts b/src/createStoreContext.ts
index 79b7474..6f80c45 100644
--- a/src/createStoreContext.ts
+++ b/src/createStoreContext.ts
@@ -203,15 +203,21 @@ export function createStoreContext<
           "For local storage persistence your store has to be an object"
         );
 
-      const persistenceKey =
-        options.storagePersistence.persistenceKey ||
-        debugName ||
-        options.devName;
+      let persistenceKey: string | undefined;
+      if (options.storagePersistence.persistenceKey) {
+        persistenceKey = options.storagePersistence.persistenceKey;
+      } else if (options.devName) {
+        persistenceKey = options.devName;
+      }
 
       if (!persistenceKey)
-        throw new Error(
-          "You have to specify persistence key, debugName or devName"
-        );
+        throw new Error("You have to specify persistence key or devName");
+
+      if (debugName) {
+        persistenceKey += "-" + debugName;
+      } else if (debugName === null) {
+        persistenceKey += "-" + "noProvider";
+      }
 
       return connectPersistenceStorage({
         persistenceKey,
diff --git a/test/persistenceStorageBrowser.test.tsx b/test/persistenceStorageBrowser.test.tsx
index 71d90a1..3edb3af 100644
--- a/test/persistenceStorageBrowser.test.tsx
+++ b/test/persistenceStorageBrowser.test.tsx
@@ -244,7 +244,10 @@ describe("createStoreContext", () => {
   test("correct usage", async () => {
     const persistenceKey = "createStoreCtx";
 
-    localStorage.setItem(persistenceKey, JSON.stringify({ a: 4 }));
+    const localStorageKeyDebugName = persistenceKey + "-" + persistenceKey;
+
+    localStorage.setItem(localStorageKeyDebugName, JSON.stringify({ a: 4 }));
+    localStorage.setItem(persistenceKey, JSON.stringify({ a: 5 }));
 
     const StoreRemember = createStoreContext(
       {
@@ -273,15 +276,53 @@ describe("createStoreContext", () => {
       }
     );
 
-    const wrapper = (debugName: string, store: typeof StoreRemember) => (
-      props: any
-    ) => {
+    const StoreRememberNoDebugName = createStoreContext(
+      {
+        a: 1,
+      },
+      {
+        storagePersistence: {
+          persistenceKey,
+          isActive: true,
+        },
+      }
+    );
+
+    const wrapper = ({
+      debugName,
+      store,
+    }: {
+      debugName?: string;
+      store: typeof StoreRemember;
+    }) => (props: any) => {
       return createElement(store.Provider, {
         debugName,
         ...props,
       });
     };
 
+    const rememberedStateNoDebugName = renderHook(
+      () => {
+        const store = StoreRememberNoDebugName.useStore();
+        const produce = StoreRememberNoDebugName.useProduce();
+
+        return { store, produce };
+      },
+      {
+        wrapper: wrapper({ store: StoreRememberNoDebugName }),
+      }
+    );
+
+    expect(rememberedStateNoDebugName.result.current.store).toEqual({
+      a: 5,
+    });
+
+    expect(localStorage.getItem(persistenceKey)).toBe(
+      JSON.stringify({
+        a: 5,
+      })
+    );
+
     const rememberedState = renderHook(
       () => {
         const store = StoreRemember.useStore();
@@ -290,7 +331,7 @@ describe("createStoreContext", () => {
         return { store, produce };
       },
       {
-        wrapper: wrapper(persistenceKey, StoreRemember),
+        wrapper: wrapper({ debugName: persistenceKey, store: StoreRemember }),
       }
     );
 
@@ -302,7 +343,7 @@ describe("createStoreContext", () => {
         return { store, produce };
       },
       {
-        wrapper: wrapper(persistenceKey, StoreNoRemember),
+        wrapper: wrapper({ debugName: persistenceKey, store: StoreNoRemember }),
       }
     );
 
@@ -335,17 +376,17 @@ describe("createStoreContext", () => {
     expect(rememberedState.result.current.store).toEqual({ a: 100 });
     expect(notRememberedState.result.current.store).toEqual({ a: 200 });
 
-    expect(localStorage.getItem(persistenceKey)).toEqual(
+    expect(localStorage.getItem(localStorageKeyDebugName)).toEqual(
       JSON.stringify({ a: 4 })
     );
 
     await waitForExpect(async () => {
-      expect(localStorage.getItem(persistenceKey)).toEqual(
+      expect(localStorage.getItem(localStorageKeyDebugName)).toEqual(
         JSON.stringify({ a: 100 })
       );
     });
 
-    expect(localStorage.getItem(persistenceKey)).toEqual(
+    expect(localStorage.getItem(localStorageKeyDebugName)).toEqual(
       JSON.stringify({ a: 100 })
     );
   });
@@ -353,16 +394,17 @@ describe("createStoreContext", () => {
   test("no provider should work anyway", async () => {
     const persistenceKey = "noProviderStoreCtx";
 
-    localStorage.setItem(persistenceKey, JSON.stringify({ a: 10 }));
+    const localStorageKey = persistenceKey + "-noProvider";
+    localStorage.setItem(localStorageKey, JSON.stringify({ a: 10 }));
 
     const Store = createStoreContext(
       {
         a: 1,
       },
       {
+        devName: persistenceKey,
         storagePersistence: {
           debounceWait: 1000,
-          persistenceKey,
           isActive: true,
         },
       }
@@ -388,12 +430,12 @@ describe("createStoreContext", () => {
 
     expect(HookResult.result.current.store).toEqual({ a: 20 });
 
-    expect(localStorage.getItem(persistenceKey)).toBe(
+    expect(localStorage.getItem(localStorageKey)).toBe(
       JSON.stringify({ a: 10 })
     );
 
     await waitForExpect(() => {
-      expect(localStorage.getItem(persistenceKey)).toBe(
+      expect(localStorage.getItem(localStorageKey)).toBe(
         JSON.stringify({ a: 20 })
       );
     });
@@ -420,8 +462,6 @@ describe("createStoreContext", () => {
           },
         }
       );
-    }).toThrowError(
-      "You have to specify persistence key, debugName or devName"
-    );
+    }).toThrowError("You have to specify persistence key or devName");
   });
 });
diff --git a/yarn.lock b/yarn.lock
index 501ba5d..8b1a535 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1253,7 +1253,7 @@
   dependencies:
     regenerator-runtime "^0.13.4"
 
-"@babel/runtime@^7.0.0", "@babel/runtime@^7.1.2", "@babel/runtime@^7.3.1", "@babel/runtime@^7.3.4", "@babel/runtime@^7.4.5", "@babel/runtime@^7.5.0", "@babel/runtime@^7.5.4", "@babel/runtime@^7.5.5", "@babel/runtime@^7.6.3", "@babel/runtime@^7.7.2", "@babel/runtime@^7.7.4", "@babel/runtime@^7.7.6", "@babel/runtime@^7.8.3", "@babel/runtime@^7.8.4", "@babel/runtime@^7.8.7":
+"@babel/runtime@^7.0.0", "@babel/runtime@^7.1.2", "@babel/runtime@^7.3.1", "@babel/runtime@^7.3.4", "@babel/runtime@^7.4.5", "@babel/runtime@^7.5.0", "@babel/runtime@^7.5.4", "@babel/runtime@^7.5.5", "@babel/runtime@^7.6.3", "@babel/runtime@^7.7.2", "@babel/runtime@^7.7.4", "@babel/runtime@^7.7.6", "@babel/runtime@^7.8.4", "@babel/runtime@^7.8.7":
   version "7.8.7"
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.8.7.tgz#8fefce9802db54881ba59f90bb28719b4996324d"
   integrity sha512-+AATMUFppJDw6aiR5NVPHqIQBlV/Pj8wY/EZH+lmvRdUo9xBaz/rF3alAwFJQavvKfeOlPE7oaaDHVbcySbCsg==
@@ -2282,7 +2282,7 @@
   dependencies:
     lodash "^4.17.15"
 
-"@storybook/node-logger@5.3.14", "@storybook/node-logger@^5.3.14":
+"@storybook/node-logger@5.3.14":
   version "5.3.14"
   resolved "https://registry.yarnpkg.com/@storybook/node-logger/-/node-logger-5.3.14.tgz#5e4e02585b37754bbebb8810ffb17c8ce706a1f8"
   integrity sha512-/phRS49/hMZ5SU4EKUxX2kFepm9iw1cJBzggOz0GA1Yj4r9g1TA1H+OD7QvZvVTC3AESf/ZUJyaqnXEh/l+hpg==
@@ -2294,7 +2294,7 @@
     pretty-hrtime "^1.0.3"
     regenerator-runtime "^0.13.3"
 
-"@storybook/node-logger@5.3.17":
+"@storybook/node-logger@5.3.17", "@storybook/node-logger@^5.3.17":
   version "5.3.17"
   resolved "https://registry.yarnpkg.com/@storybook/node-logger/-/node-logger-5.3.17.tgz#f3ad5bf9dd74d8e1cdfb8d831d66a80c5039cf4c"
   integrity sha512-onfcxl37BYZI1HGuPI9MelkyUWjn7NpfN8RUYdqG9P6WKiIY5xbpG0V6qod5jvIKIypK0NmfJTtneOu46L/oDg==
@@ -2313,12 +2313,13 @@
   dependencies:
     core-js "^3.0.1"
 
-"@storybook/preset-create-react-app@^2.1.0":
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/@storybook/preset-create-react-app/-/preset-create-react-app-2.1.0.tgz#842c50f52f8ec3d4c386b399763d3539011a8bdf"
-  integrity sha512-jfE+RVbcRKzCms1hXNBj9LEusznCvwjpCwGiBk66iW9NxpRryJhZXYxR+X6ngXjnqUXnsgum5vEiDAbqFvhl0Q==
+"@storybook/preset-create-react-app@^2.1.1":
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/@storybook/preset-create-react-app/-/preset-create-react-app-2.1.1.tgz#6e4249d4c594596bdced74213e4c9238505c085c"
+  integrity sha512-ywnpCr7gHuIv/fv8yiQHLY8RikQRqn401CPTKh5nsWwkUbIOQ47Cyewjo2QuVTpivOLLuyJiIpq1jAAS1iW2Ow==
   dependencies:
-    "@storybook/node-logger" "^5.3.14"
+    "@storybook/node-logger" "^5.3.17"
+    "@types/babel__core" "^7.1.6"
     "@types/webpack" "^4.41.7"
     pnp-webpack-plugin "^1.6.4"
     semver "^7.1.3"
@@ -2653,20 +2654,19 @@
     dom-accessibility-api "^0.4.2"
     pretty-format "^25.1.0"
 
-"@testing-library/jest-dom@^5.1.1":
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/@testing-library/jest-dom/-/jest-dom-5.1.1.tgz#e88a5c08f9b9f36b384f948a0532eae2abbc8204"
-  integrity sha512-7xnmBFcUmmUVAUhFiZ/u3CxFh1e46THAwra4SiiKNCW4By26RedCRwEk0rtleFPZG0wlTSNOKDvJjWYy93dp0w==
+"@testing-library/jest-dom@^5.3.0":
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/@testing-library/jest-dom/-/jest-dom-5.3.0.tgz#2ae813b8b0eb69e8808f75d3af8efa3f0dc4d7ec"
+  integrity sha512-Cdhpc3BHL888X55qBNyra9eM0UG63LCm/FqCWTa1Ou/0MpsUbQTM9vW1NU6/jBQFoSLgkFfDG5XVpm2V0dOm/A==
   dependencies:
-    "@babel/runtime" "^7.8.3"
-    "@types/testing-library__jest-dom" "^5.0.0"
+    "@babel/runtime" "^7.9.2"
+    "@types/testing-library__jest-dom" "^5.0.2"
     chalk "^3.0.0"
     css "^2.2.4"
     css.escape "^1.5.1"
     jest-diff "^25.1.0"
     jest-matcher-utils "^25.1.0"
     lodash "^4.17.15"
-    pretty-format "^25.1.0"
     redent "^3.0.0"
 
 "@testing-library/react-hooks@^3.2.1":
@@ -2901,6 +2901,14 @@
     "@types/prop-types" "*"
     csstype "^2.2.0"
 
+"@types/react@^16.9.26":
+  version "16.9.26"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-16.9.26.tgz#1e55803e468f5393413e29033538cc9aaed6cec9"
+  integrity sha512-dGuSM+B0Pq1MKXYUMlUQWeS6Jj9IhSAUf9v8Ikaimj+YhkBcQrihWBkmyEhK/1fzkJTwZQkhZp5YhmWa2CH+Rw==
+  dependencies:
+    "@types/prop-types" "*"
+    csstype "^2.2.0"
+
 "@types/resolve@0.0.8":
   version "0.0.8"
   resolved "https://registry.yarnpkg.com/@types/resolve/-/resolve-0.0.8.tgz#f26074d238e02659e323ce1a13d041eee280e194"
@@ -2954,13 +2962,6 @@
   dependencies:
     pretty-format "^25.1.0"
 
-"@types/testing-library__jest-dom@^5.0.0":
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/@types/testing-library__jest-dom/-/testing-library__jest-dom-5.0.1.tgz#cc7f384535a3d9597e27f58d38a795f5c137cc53"
-  integrity sha512-GiPXQBVF9O4DG9cssD2d266vozBJvC5Tnv6aeH5ujgYJgys1DYm9AFCz7YC+STR5ksGxq3zCt+yP8T1wbk2DFg==
-  dependencies:
-    "@types/jest" "*"
-
 "@types/testing-library__jest-dom@^5.0.2":
   version "5.0.2"
   resolved "https://registry.yarnpkg.com/@types/testing-library__jest-dom/-/testing-library__jest-dom-5.0.2.tgz#89b782e0f187fe1e80d6375133da74182ba02065"
@@ -12616,7 +12617,16 @@ react-textarea-autosize@^7.1.0:
     "@babel/runtime" "^7.1.2"
     prop-types "^15.6.0"
 
-react@^16.13.0, react@^16.8.3:
+react@^16.13.1:
+  version "16.13.1"
+  resolved "https://registry.yarnpkg.com/react/-/react-16.13.1.tgz#2e818822f1a9743122c063d6410d85c1e3afe48e"
+  integrity sha512-YMZQQq32xHLX0bz5Mnibv1/LHb3Sqzngu7xstSM+vrkE5Kzr9xE0yMByK5kMoTK30YVJE61WfbxIFFvfeDKT1w==
+  dependencies:
+    loose-envify "^1.1.0"
+    object-assign "^4.1.1"
+    prop-types "^15.6.2"
+
+react@^16.8.3:
   version "16.13.0"
   resolved "https://registry.yarnpkg.com/react/-/react-16.13.0.tgz#d046eabcdf64e457bbeed1e792e235e1b9934cf7"
   integrity sha512-TSavZz2iSLkq5/oiE7gnFzmURKZMltmi193rm5HEoUDAXpzT9Kzw6oNZnGoai/4+fUnm7FqS5dwgUL34TujcWQ==
@@ -14906,11 +14916,6 @@ use-callback-ref@^1.2.1:
   resolved "https://registry.yarnpkg.com/use-callback-ref/-/use-callback-ref-1.2.1.tgz#898759ccb9e14be6c7a860abafa3ffbd826c89bb"
   integrity sha512-C3nvxh0ZpaOxs9RCnWwAJ+7bJPwQI8LHF71LzbQ3BvzH5XkdtlkMadqElGevg5bYBDFip4sAnD4m06zAKebg1w==
 
-use-context-selector@^1.1.0:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/use-context-selector/-/use-context-selector-1.1.1.tgz#1180ad98dcc585aee39c458a3e5582392a1afcf9"
-  integrity sha512-MDcSTShyTB+PMlbIeN0kWzTeognnXyH6ffZL+fHwaTegNRQvpzbELIZW80Bdmjn+xckxfVugfz2WqTXcFsA8UA==
-
 use-sidecar@^1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/use-sidecar/-/use-sidecar-1.0.2.tgz#e72f582a75842f7de4ef8becd6235a4720ad8af6"