From 7dc7e6d6e45facc0a7b3ed1816ea123fa6aac84e Mon Sep 17 00:00:00 2001
From: Tim Neutkens <tim@timneutkens.nl>
Date: Tue, 25 Jul 2023 22:23:05 +0200
Subject: [PATCH] Update variant-selector.tsx (#1115)

---
 components/product/variant-selector.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/components/product/variant-selector.tsx b/components/product/variant-selector.tsx
index 7825ec9fd..6a0d84943 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 { usePathname, useRouter, useSearchParams } from 'next/navigation';
+import { redirect, usePathname, useSearchParams } from 'next/navigation';
 
 type ParamsMap = {
   [key: string]: string; // ie. { color: 'Red', size: 'Large', ... }
@@ -26,7 +26,6 @@ export function VariantSelector({
 }) {
   const pathname = usePathname();
   const currentParams = useSearchParams();
-  const router = useRouter();
   const hasNoOptionsOrJustOneOption =
     !options.length || (options.length === 1 && options[0]?.values.length === 1);
 
@@ -80,7 +79,7 @@ export function VariantSelector({
   const selectedVariantUrl = createUrl(pathname, selectedVariantParams);
 
   if (currentUrl !== selectedVariantUrl) {
-    router.replace(selectedVariantUrl);
+    redirect(selectedVariantUrl);
   }
 
   return options.map((option) => (