Update React & Typings

Now we don't have to use our own type defs for hooks, yay!

example/package.json

@@ -6,8 +6,8 @@
   "private": true,
   "dependencies": {
     "emotion": "^9.2.12",
-    "react": "^16.7.0-alpha.0",
-    "react-dom": "^16.7.0-alpha.0",
+    "react": "^16.7.0-alpha.2",
+    "react-dom": "^16.7.0-alpha.2",
     "react-scripts-ts": "3.1.0",
     "redux": "^4.0.1"
   },
@@ -18,7 +18,7 @@
     "eject": "react-scripts-ts eject"
   },
   "devDependencies": {
-    "@types/react": "^16.3.13",
+    "@types/react": "^16.7.13",
     "@types/react-dom": "^16.0.5",
     "typescript": "^3.1.3"
   }

package.json

@@ -24,21 +24,21 @@
   },
   "peerDependencies": {
     "prop-types": "^15.5.4",
-    "react": "^16.7.0-alpha.0",
-    "react-dom": "^16.7.0-alpha.0",
+    "react": "^16.7.0-alpha.2",
+    "react-dom": "^16.7.0-alpha.2",
     "redux": "^4.0.1"
   },
   "devDependencies": {
     "@types/jest": "^23.1.5",
-    "@types/react": "^16.3.13",
+    "@types/react": "^16.7.13",
     "@types/react-dom": "^16.0.5",
     "babel-core": "^6.26.3",
     "babel-runtime": "^6.26.0",
     "cross-env": "^5.1.4",
     "gh-pages": "^2.0.1",
     "prettier": "^1.14.3",
-    "react": "^16.7.0-alpha.0",
-    "react-dom": "^16.7.0-alpha.0",
+    "react": "^16.7.0-alpha.2",
+    "react-dom": "^16.7.0-alpha.2",
     "react-scripts-ts": "^3.1.0",
     "redux": "^4.0.1",
     "rollup": "^0.66.6",

rollup.config.js

@@ -36,7 +36,6 @@ export default {
     }),
     commonjs(),
     copy([
-      {files: ['src/typings.d.ts'], dest: 'dist/src'},
       // The example uses create-react-app (via create-react-library), which
       // doesn't work correctly with yarn or npm links. It will end up with
       // two versions of React in the build, which breaks hooks in particular

src/__tests__/index-test.tsx

@@ -17,7 +17,8 @@ interface IState {
 // https://github.com/kentcdodds/react-testing-library/issues/215
 // useEffect is not triggered on re-renders
 beforeAll(() =>
-  jest.spyOn(React, 'useEffect').mockImplementation(React.useLayoutEffect));
+  jest.spyOn(React, 'useEffect').mockImplementation(React.useLayoutEffect),
+);
 afterAll(() => (React.useEffect as any).mockRestore());
 
 describe('redux-react-hook', () => {

src/index.ts

@@ -51,7 +51,7 @@ export function useMappedState<TState, TResult>(
   // in the array of memoization paramaters to the second useEffect below,
   // which would cause it to unsubscribe and resubscribe from Redux everytime
   // the state changes.
-  const lastRenderedDerivedState = useRef();
+  const lastRenderedDerivedState = useRef(derivedState);
   // Set the last mapped state after rendering.
   useEffect(() => {
     lastRenderedDerivedState.current = derivedState;