Like useReducer, but doesn't trigger component renders

useWeakReducer.js

import React, { useRef, useCallback } from 'react'

const useWeakReducer = (reducer, initialState) => {
	const ref = useRef(initialState)

	const dispatch = useCallback((action) => {
		ref.current = reducer(ref.current, action)
	}, [])

	return [ref.current, dispatch]
}

export default useWeakReducer