diff --git a/contributors.yml b/contributors.yml
index 3b03e58c9..aa960d8ee 100644
--- a/contributors.yml
+++ b/contributors.yml
@@ -38,3 +38,4 @@
 - turansky
 - underager
 - vijaypushkin
+- shihanng
diff --git a/docs/getting-started/tutorial.md b/docs/getting-started/tutorial.md
index 717aa8ad0..30970f292 100644
--- a/docs/getting-started/tutorial.md
+++ b/docs/getting-started/tutorial.md
@@ -806,8 +806,8 @@ export function deleteInvoice(number) {
 
 Now let's add the delete button, call our new function, and navigate to the index route:
 
-```js lines=[1-2,5,17-24] filename=src/routes/invoice.jsx
-import { useParams, useNavigate } from "react-router-dom";
+```js lines=[1-2,5-6,17-26] filename=src/routes/invoice.jsx
+import { useParams, useNavigate, useLocation } from "react-router-dom";
 import { getInvoice, deleteInvoice } from "../data";
 
 export default function Invoice() {