From 61b134a66c097e8e26461d32edac694407db5bf1 Mon Sep 17 00:00:00 2001 From: Michael Novotny Date: Tue, 25 Jul 2023 15:42:51 -0500 Subject: [PATCH] Revert "Update variant-selector.tsx (#1115)" (#1116) This reverts commit 7dc7e6d6e45facc0a7b3ed1816ea123fa6aac84e. --- components/product/variant-selector.tsx | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/components/product/variant-selector.tsx b/components/product/variant-selector.tsx index 6a0d84943..7825ec9fd 100644 --- a/components/product/variant-selector.tsx +++ b/components/product/variant-selector.tsx @@ -4,7 +4,7 @@ import clsx from 'clsx'; import { ProductOption, ProductVariant } from 'lib/shopify/types'; import { createUrl } from 'lib/utils'; import Link from 'next/link'; -import { redirect, usePathname, useSearchParams } from 'next/navigation'; +import { usePathname, useRouter, useSearchParams } from 'next/navigation'; type ParamsMap = { [key: string]: string; // ie. { color: 'Red', size: 'Large', ... } @@ -26,6 +26,7 @@ export function VariantSelector({ }) { const pathname = usePathname(); const currentParams = useSearchParams(); + const router = useRouter(); const hasNoOptionsOrJustOneOption = !options.length || (options.length === 1 && options[0]?.values.length === 1); @@ -79,7 +80,7 @@ export function VariantSelector({ const selectedVariantUrl = createUrl(pathname, selectedVariantParams); if (currentUrl !== selectedVariantUrl) { - redirect(selectedVariantUrl); + router.replace(selectedVariantUrl); } return options.map((option) => (