Understand when React reuses subtrees during reconciliation versus tearing them down and rebuilding.
During reconciliation, a parent component re-renders and produces a child element of the SAME type at the same position, but passes a new object as a prop (e.g. style={{color:'red'}} written inline). Assuming the child is NOT wrapped in React.memo, what does React do?