How to render a new message without re-rendering previous messages in react?

Question

I am trying to add a new message from the form.js component into the message array which is in App.js, and mapping over through it to render that message.

But each ti