A simple `useRedux` hook to "connect" components to redux using react hooks

use-redux.hook.js

import { useState, useContext, useEffect } from 'react'
import { StoreContext } from '../contexts/store.context'

export const useRedux = (selector = state => state, mapDispatch = {}) => {
	const store = useContext(StoreContext)
	if (!store) {
		throw new Error(
			`Store not found. Wrap your application within a StoreProvider and pass it the appropriate store prop.`
		)
	}

	const getState = () => selector(store.getState())
	const [state, setState] = useState(getState())

	useEffect(() => {
		const unsubscribe = store.subscribe(() => {
			setState(getState())
		})

		return () => {
			unsubscribe()
		}
	})

	const mappedMethods = Object.keys(mapDispatch).reduce((r, n) => {
		return {
			...r,
			[n]: (...args) => store.dispatch(mapDispatch[n].apply(undefined, args))
		}
	}, {})

	return [state, mappedMethods, store.dispatch]
}