update changeset

.changeset/lemon-beans-drum.md

@@ -116,7 +116,7 @@ import {
   Analytics,
   useOptimisticVariant,
   getAdjacentAndFirstAvailableVariants,
-+  mapSelectedProductOptionToObject,
++  useSelectedOptionInUrlParam,
 } from '@shopify/hydrogen';
 
 export default function Product() {
@@ -130,23 +130,7 @@ export default function Product() {
 
 +  // Sets the search param to the selected variant without navigation
 +  // only when no search params are set in the url
-+  useEffect(() => {
-+    const searchParams = new URLSearchParams(
-+      mapSelectedProductOptionToObject(
-+        selectedVariant.selectedOptions || [],
-+      ),
-+    );
-
-+    if (window.location.search === '' && searchParams.toString() !== '') {
-+      window.history.replaceState(
-+        {},
-+        '',
-+        `${location.pathname}?${searchParams.toString()}`,
-+      );
-+    }
-+  }, [
-+    JSON.stringify(selectedVariant.selectedOptions),
-+  ]);
++  useSelectedOptionInUrlParam(selectedVariant.selectedOptions);
 ```
 
 5. Get the product options array using `getProductOptions`
@@ -158,7 +142,7 @@ import {
   useOptimisticVariant,
 +  getProductOptions,
   getAdjacentAndFirstAvailableVariants,
-  mapSelectedProductOptionToObject,
+  useSelectedOptionInUrlParam,
 } from '@shopify/hydrogen';
 
 export default function Product() {