// store/index.ts
 
import { createStore, combineReducers } from 'redux'
import getHooks from 'react-redux-typed-hooks'
 
import fruits, { FruitStore, FruitStoreEvent } from './fruits'
import others, { OtherStore, OtherStoreEvent } from './others'
 
type Event = FruitStoreEvent | OtherStoreEvent
 
interface Store {
  fruits: FruitStore;
  others: OtherStore;
}
 
export const { useSelector, useDispatch } = getHooks<Store, Event>()
 
export default createStore(
  combineReducers({
    fruits,
    others 
  })
)

// view/component.tsx
 
// import { useDispatch, useSelector } from 'react-redux' // WRONG
import { useSelector, useDispatch } from '../store'