@treely/strapi-slices 7.16.0 → 7.16.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@treely/strapi-slices",
-  "version": "7.16.0",
+  "version": "7.16.1",
   "license": "MIT",
   "author": "Tree.ly FlexCo",
   "description": "@treely/strapi-slices is a open source library maintained by Tree.ly.",

package/src/slices/Redirect/Rediect.test.tsx

@@ -1,10 +1,9 @@
 import React from 'react';
 import { render } from '../../test/testUtils';
 import { mergeDeep } from '../../utils/mergeDeep';
-import { redirectSpy } from '../../../__mocks__/next/navigation';
+import { replaceSpy, useRouter } from '../../../__mocks__/next/router';
 import Redirect from '.';
 import { RedirectProps } from './Redirect';
-import { RedirectType } from 'next/navigation';
 
 const defaultProps: RedirectProps = {
   slice: {
@@ -19,15 +18,13 @@ const setup = (props = {}) => {
 
 describe('The Redirect component', () => {
   afterEach(() => {
-    redirectSpy.mockRestore();
+    replaceSpy.mockRestore();
+    useRouter.mockRestore();
   });
 
   it('calls the redirect URL when rendering', () => {
     setup();
 
-    expect(redirectSpy).toHaveBeenCalledWith(
-      'https://redirect.com',
-      RedirectType.replace
-    );
+    expect(replaceSpy).toHaveBeenCalledWith('https://redirect.com');
   });
 });

package/src/slices/Redirect/Redirect.tsx

@@ -1,5 +1,5 @@
+import { useRouter } from 'next/router';
 import React, { useEffect } from 'react';
-import { RedirectType, redirect } from 'next/navigation';
 
 export interface RedirectProps {
   slice: {
@@ -8,9 +8,10 @@ export interface RedirectProps {
 }
 
 export const Redirect = ({ slice }: RedirectProps): JSX.Element => {
+  const router = useRouter();
   useEffect(() => {
     // When using `replace`, the current browser history entry will be replaced
-    redirect(slice.url, RedirectType.replace);
+    router.replace(slice.url);
   }, [slice.url]);
 
   return <></>;