diff --git a/contributors.yml b/contributors.yml
index dae0398f6..3b03e58c9 100644
--- a/contributors.yml
+++ b/contributors.yml
@@ -13,6 +13,7 @@
 - hongji00
 - hsbtr
 - hyesungoh
+- IbraRouisDev
 - JakubDrozd
 - jmargeta
 - jonkoops
diff --git a/docs/getting-started/tutorial.md b/docs/getting-started/tutorial.md
index 08b983d2b..717aa8ad0 100644
--- a/docs/getting-started/tutorial.md
+++ b/docs/getting-started/tutorial.md
@@ -812,6 +812,7 @@ import { getInvoice, deleteInvoice } from "../data";
 
 export default function Invoice() {
   let navigate = useNavigate();
+  let location = useLocation();
   let params = useParams();
   let invoice = getInvoice(parseInt(params.invoiceId, 10));
 
@@ -826,7 +827,7 @@ export default function Invoice() {
         <button
           onClick={() => {
             deleteInvoice(invoice.number);
-            navigate("/invoices");
+            navigate("/invoices" + location.search);
           }}
         >
           Delete
@@ -837,6 +838,8 @@ export default function Invoice() {
 }
 ```
 
+Notice we used `useLocation` again to persist the query string by adding `location.search` to the navigation link.
+
 ## Getting Help
 
 Congrats! You're all done with this tutorial. We hope it helped you get your bearings with React Router.