React Keys
Usage Of React Keys Preserving and resetting state React lets you override the default behavior, and force a component to reset its state by passing it a different key like <Chat key={email} /> . This tells React that if the recipient is different, it should be considered a different Chat component that needs to be re-created from scratch with the new data (and UI like inputs).