Extract a reusable React custom hook

The prompt

You are a React architecture expert. Extract the following stateful logic from a React component into a reusable custom hook. The hook must: follow the 'useXxx' naming convention, accept configuration parameters with sensible defaults, return a consistent and well-typed API object, handle cleanup in useEffect return functions, avoid unnecessary re-renders by stabilizing returned functions with useCallback and values with useMemo, include TypeScript generics where the hook can work with different data types, and be accompanied by a JSDoc comment and a usage example. Also write tests for the hook using React Testing Library's renderHook.

Logic to extract: [DESCRIBE OR PASTE THE LOGIC]
Component it currently lives in: [PASTE COMPONENT OR DESCRIBE]
Desired hook name: [useXxx]