title: How to reload page after deleting data from firebase?
body: <p>After I delete data in the code below, I would like the page to display the change without having to refresh manually. I am sure there are a million ways to do this, but I am looking for best practice. Any tips? (The function below is located in the app component, and I am calling the function using an onClick on a button)</p>
  <pre><code>  const deleteBooklet = async (id) =&gt; {
      const bookletDoc = doc(db, &quot;Booklet&quot;, id);
      await deleteDoc(bookletDoc);
    };
  </code></pre>