Build a Reusable React Custom Hook with TypeScript and State Management

Create a reusable React custom hook called `use[HOOK_NAME]` in TypeScript that handles [HOOK_PURPOSE] (e.g., form management, API data fetching, infinite scroll, debounced search, WebSocket connection). Hook Requirements: - Input parameters: [INPUT_PARAMETERS_WITH_TYPES] - Return values: [EXPECTED_RETURN_VALUES] - Must handle these states: loading, error, success, and [ADDITIONAL_STATES] Please implement the following: 1. **Hook Signature & Types**: Define a clear TypeScript interface for the hook's options parameter and return type. Use generics where the data type varies (e.g., `use[HOOK_NAME]<T>`). 2. **Core State Management**: Use appropriate React hooks (`useState`, `useReducer`, `useRef`) to manage internal state. If the state logic is complex, implement a `useReducer` with typed actions and a reducer function. 3. **Side Effects**: Implement `useEffect` for [SIDE_EFFECT_DESCRIPTION] with proper: - Dependency array management - Cleanup function to prevent memory leaks - AbortController for cancellable operations if applicable 4. **Memoization**: Apply `useCallback` and `useMemo` where appropriate to prevent unnecessary re-renders. Explain each memoization decision in comments. 5. **Error Handling**: Implement error boundaries compatibility, retry logic with [RETRY_STRATEGY] (e.g., exponential backoff, max 3 attempts), and error state recovery. 6. **Configuration Options**: Support these configurable options with sensible defaults: - [OPTION_1]: [DEFAULT_VALUE_1] - [OPTION_2]: [DEFAULT_VALUE_2] - [OPTION_3]: [DEFAULT_VALUE_3] 7. **Usage Example**: Provide a complete example component demonstrating the hook in a realistic scenario with [USE_CASE_SCENARIO], showing all return values being consumed. 8. **Testing**: Write 3 test cases using React Testing Library and `renderHook` covering: initial state, successful operation, and error handling.