React optimize child components prevent rerenders

Easy

You are optimizing a React app with multiple child components that receive the same prop. What should you use to avoid unnecessary re-renders?

ReactOptimizationReact hooks

1import { useState } from 'react'
2
3function ParentComponent() {
4  const [count, setCount] = useState(0);
5
6  return (
7    <div>
8      <ChildComponent count={count} />
9      <ChildComponent count={count} />
10      <button onClick={() => setCount(count + 1)}>Increment</button>
11    </div>
12  );
13}

You are optimizing a React app with multiple child components that receive the same prop. What should you use to avoid unnecessary re-renders?

Hint