import { useDispatch, useSelector } from 'react-redux'

import type { TypedUseSelectorHook } from 'react-redux'

import type { RootState, AppDispatch } from './store'

​

// Use throughout your app instead of plain `useDispatch` and `useSelector`

export const useAppDispatch: () => AppDispatch = useDispatch

export const useAppSelector: TypedUseSelectorHook<RootState> = useSelector

// https://react-redux.js.org/tutorials/typescript-quick-start

import { useAppDispatch } from 'app/hooks'

​

const dispatch = useAppDispatch()