Next.js + TypeScript + Redux 複数state管理

 import { notesReducer } from '@/duck/NewNoteInput/notesreducer'
 import { countReducer } from '@/duck/MyButton/countReducer'
 import { combinReducers, createStore } from 'redux'
 
 const rootReducer = combineReducers({
   notesReducer: notesReducer,
   countReducer: countReducer,
 })
 
 export type RootState = ReturnType<typeof rootReducer>
 export const store = createStore(rootReducer)

 import { FC } from 'react'
 import { useDispatch, useSelector } from 'react-redux'
 import { CountState } from '@/duck/MyButton/countReducer'
 import { countIncrement } from '@/duck/MyButton/action'
 import { RootState } from '@/store'
 import MyButton from '@/components/MyButton'
 
 const Home: FC = () => {
   const counter = useSelector<RootState, CountState['counter']>((state: RootState) => state.countReducer.counter)
   
   const dispatch = useDispatch()
 
   const handleCountUpBtn = (value: number) => {
     dispatch(countIncrement(value))
   }