React Error: "Can't perform a React state update on an unmounted component" in TypeScript

Hi! I'm writing a React application in TypeScript using Lodash. I have a component that loads data from the server on mount and displays it. Everything works, but I keep getting this warning in the console: "Can't perform a React state update on an unmounted component". This happens when the user quickly navigates between pages. Here's a simplified version of my component: ```typescript import React, { useState, useEffect } from 'react'; import { debounce } from 'lodash'; interface UserData { id: number; name: string; } const UserProfile: React.FC<{ userId: number }> = ({ userId }) => { const [user, setUser] = useState(null); const [loading, setLoading] = useState(true); useEffect(() => { const fetchUse