React multiple useState hooks in event handler behaving in an erroneous way

Question

I have coded a simple React application that tracks feedback, the whole code for the application is below:

import React, { useState } from \'react\'
import Re