How do I use useEffect with TypeScript in React?

How do I use useEffect with TypeScript in React?

To use useEffect with TypeScript, you need to define the types for your state and props. Here's a basic example.

Can you show me a code example?

Sure! Here's a simple example:

import React, { useEffect, useState } from 'react';

const MyComponent: React.FC = () => {
    const [count, setCount] = useState<number>(0);

    useEffect(() => {
        document.title = `Count: ${count}`;
    }, [count]);

    return <button onClick={() => setCount(count + 1)}>Increment</button>;
};

What are the common pitfalls when using useEffect?

Common pitfalls include forgetting to add dependencies, causing infinite loops, and not cleaning up effects properly.