Implementing Typed Hooks with React-Redux 9.0

// Define the state type
interface RootState {
  counter: number;
}

// Selector hook with types
const selectCounter = (state: RootState) => state.counter;

// Component using useSelector and useDispatch with types
const CounterComponent: React.FC = () => {
  // Typed useSelector hook usage
  const counter = useSelector<RootState, number>(selectCounter);
  
  // Typed useDispatch hook usage
  const dispatch = useDispatch<Dispatch<AnyAction>>();
  
  return (
    <div>
      <p>Counter: {counter}</p>
      <button onClick={() => dispatch({ type: 'INCREMENT' })}>Increment</button>
      <button onClick={() => dispatch({ type: 'DECREMENT' })}>Decrement</button>
    </div>
  );
};