Uso una clase para crear un objeto en el componente de reacción, pero cuando trato de establecer el estado en el nuevo objeto, no vuelve a representar el componente.

Clase:

 class persons { constructor(list = {}) { this.list = list } getPersons() { return this.list } addPerson(person) { this.list[someId] = person } }

en el componente cuando agrego una nueva persona y configuro el estado en la nueva lista, no volvió a representar el componente de esa manera:

 //... const [personsList , setPersonsList] useState({}) const persons = new Persons(personsList) persons.addPerson({name: "Mike"}) setPersonsList(persons.list) //it doest also rerender with that persons.addPerson({name: "Mike"}) setPersonsList(persons.getPersons) //..

Aunque cuando registro las personas.lista o personas.getPersons() Muestra la nueva lista con la persona añadida