docs: interface fix

README.md

@@ -31,7 +31,16 @@ You can try this live version on: https://penseapp-uselocalstoragereduce.web.app
 ```tsx
 import { useLocalStorageReducer } from "@penseapp/useLocalStorageReducer";
 
-const [stateExample, dispatchExample] = useLocalStorageReducer(
+export interface ExampleContextInterface {
+  field1: string;
+}
+
+export type ExampleAction = UPDATE_STATE; // Your reducers used in switch
+
+const [stateExample, dispatchExample] = useLocalStorageReducer<
+  ExampleContextInterface,
+  ExampleAction
+>(
   "localStorage-key",
   Reducer,
   exampleInitialState,
@@ -71,7 +80,9 @@ Now you can reload your browser and your state will maintein
 
 const App: React.FC = () => {
 -  const [state, setstate] = useReducer(reducer, initialState);
-+  const [state, setstate] = useLocalStorageReducer<boolean>('keyName', reducer, initialState, false);
++  const [state, setstate] = useLocalStorageReducer<I, A>('keyName', reducer, initialState, false);
+// I: Your object
+// A: Your action
 
   return (
     <>

package.json

@@ -62,7 +62,7 @@
   "husky": {
     "hooks": {
       "pre-commit": "pretty-quick --staged",
-      "pre-push": "yarn lint",
+      "pre-push": "yarn && yarn build:all && yarn lint",
       "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
     }
   }

playground/src/ExampleContext/ExampleReducer.ts

@@ -5,7 +5,7 @@ import {
 } from "./ExampleInterface";
 import { updateStateAction } from "./actions/updateStateAction";
 
-function ExampleReducer(
+export function ExampleReducer(
   state: ExampleContextInterface,
   action: ExampleAction
 ): ExampleContextInterface {

playground/src/component-lib/useLocalStorageReducer/useLocalStorageReducer.d.ts

@@ -1,11 +1,8 @@
-import React, { Reducer, ReducerState } from "react";
-export declare function useLocalStorageReducer<INTERFACE, ACTION>(
+import { Reducer, ReducerState, Dispatch, ReducerAction } from "react";
+export declare function useLocalStorageReducer<I, A>(
   key: string,
-  reducer: Reducer<INTERFACE, React.Dispatch<ACTION>>,
-  initialState: INTERFACE,
+  reducer: Reducer<I, A>,
+  initialState: I,
   expire?: number | boolean
-): [
-  ReducerState<Reducer<INTERFACE, ACTION>>,
-  React.Dispatch<React.Dispatch<ACTION>>
-];
+): [ReducerState<Reducer<I, A>>, Dispatch<ReducerAction<Reducer<I, A>>>];
 export default useLocalStorageReducer;

src/useLocalStorageReducer/useLocalStorageReducer.tsx

@@ -1,4 +1,4 @@
-import React, {
+import {
   useEffect,
   useReducer,
   Reducer,
@@ -8,12 +8,12 @@ import React, {
 } from "react";
 import ExpiredStorage from "expired-storage";
 
-export function useLocalStorageReducer<INTERFACE, ACTION>(
+export function useLocalStorageReducer<I, A>(
   key: string,
-  reducer: Reducer<INTERFACE, React.Dispatch<ACTION>>,
-  initialState: INTERFACE,
+  reducer: Reducer<I, A>,
+  initialState: I,
   expire: number | boolean = 60 * 30
-): [ReducerState<R>, Dispatch<ReducerAction<R>>] {
+): [ReducerState<Reducer<I, A>>, Dispatch<ReducerAction<Reducer<I, A>>>] {
   const [state, dispatch] = useReducer(
     reducer,
     initialState,