Blue Beltrendering

Mutating values after JSX creation

“A component creates an object called styles, passes it into <Header styles={styles} />, and then mutates styles.size before rendering <Footer styles={styles} />. Why can this lead to inconsistent UI?”