resolves #9

Author: quisido

.gitignore

@@ -1,3 +1,5 @@
+/.git
+/.vscode
 /node_modules
 /use-force-update.d.ts
 /use-force-update.js

.npmignore

@@ -1,9 +1,11 @@
+/.git
+/.vscode
 /node_modules
 /src
 /tests
 /.gitignore
 /.npmignore
 /.travis.yml
+/package-lock.json
 /tsconfig.json
-/use-force-update.js.map
 /yarn.lock

package.json

@@ -1,12 +1,12 @@
 {
   "name": "use-force-update",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "author": "Charles Stover <use-force-update@charlesstover.com>",
   "bugs": {
     "email" : "use-force-update@charlesstover.com",
     "url": "https://github.com/CharlesStover/use-force-update/issues"
   },
-  "description": "React Hook to force your functional component to update.",
+  "description": "React Hook to force your function component to update.",
   "directories": {
     "lib": "src",
     "test": "tests"

src/use-force-update.ts

@@ -1,11 +1,17 @@
 import { useCallback, useReducer } from 'react';
 
+type EmptyObject = {};
+
 type VoidFunction = () => void;
 
-const reducer = (state: boolean, _action: null): boolean => !state;
+// Returning a new object reference guarantees that a before-and-after
+//   equivalence check will always be false, resulting in a re-render, even
+//   when multiple calls to forceUpdate are batched.
+const reducer = (): EmptyObject => Object.create(null);
 
 const useForceUpdate = (): VoidFunction => {
-  const [ , dispatch] = useReducer<boolean, null>(reducer, true);
+  const [ , dispatch] =
+    useReducer<EmptyObject, null>(reducer, Object.create(null));
 
   // Turn dispatch(required_parameter) into dispatch().
   const memoizedDispatch = useCallback(