Tại sao không nên tạo object/array mới trong JSX props?

<Child style={{color: 'red'}}/> tạo object mới mỗi render → Child luôn re-render dù dùng React.memo.

• Fix: khai báo object ngoài component hoặc useMemo.
• Tương tự với onClick={() => handle(id)} → dùng useCallback hoặc data attribute.

<Child style={{color: 'red'}}/> creates a new object on every render, causing Child to always re-render even with React.memo.

• Fix: declare the object outside the component or use useMemo.
• Same applies to onClick={() => handle(id)} — use useCallback or a data attribute instead.