doc edited for unstable_useViewTransitionState (#11117)

Author: eiffelwong1

contributors.yml

@@ -63,6 +63,7 @@
 - dokeet
 - Drishtantr
 - edwin177
+- eiffelwong1
 - ek9
 - ekaansharora
 - elanis

docs/hooks/use-view-transition-state.md

@@ -30,15 +30,15 @@ Consider clicking on an image in a list that you need to expand into the hero im
 
 ```jsx
 function NavImage({ src, alt, id }) {
-  let to = `/images/${idx}`;
-  let vt = unstable_useViewTransitionState(href);
+  const to = `/images/${id}`;
+  const isTransitioning = unstable_useViewTransitionState(to);
   return (
     <Link to={to} unstable_viewTransition>
       <img
         src={src}
         alt={alt}
         style={{
-          viewTransitionName: vt ? "image-expand" : "",
+          viewTransitionName: isTransitioning ? "image-expand" : "",
         }}
       />
     </Link>