How do I create a component that waits for changes in the database and updates the Iprs?

Question

How do I create a component that listens to changes in the database (my db is just a .json with an object) and update the Infos along with the changes. I’m new to Act

This is the code I’m using:

<div id='topicos'>
        {database.map((item, index) => {
            return(
                <div key={item.id}>
                    <h3>{item.title}</h3>
                    <p>{item.description}</p>
                </div>
            )
        })}
    </div>