Replace useRoute with useNavigate

client/dashboard/domains/overview-glue-records/add.tsx

@@ -1,5 +1,5 @@
 import { useMutation } from '@tanstack/react-query';
-import { useRouter } from '@tanstack/react-router';
+import { useNavigate } from '@tanstack/react-router';
 import { useDispatch } from '@wordpress/data';
 import { __ } from '@wordpress/i18n';
 import { store as noticesStore } from '@wordpress/notices';
@@ -11,7 +11,7 @@ import DomainGlueRecordsForm from './form';
 import type { FormData } from './form';
 
 export default function AddDomainGlueRecords() {
-	const router = useRouter();
+	const navigate = useNavigate();
 	const { domainName } = domainRoute.useParams();
 	const createMutation = useMutation( domainGlueRecordCreateMutation( domainName ) );
 	const { createSuccessNotice, createErrorNotice } = useDispatch( noticesStore );
@@ -27,7 +27,7 @@ export default function AddDomainGlueRecords() {
 				createSuccessNotice( __( 'Glue record created successfully.' ), {
 					type: 'snackbar',
 				} );
-				router.navigate( {
+				navigate( {
 					to: domainGlueRecordsRoute.fullPath,
 					params: { domainName },
 				} );

client/dashboard/domains/overview-glue-records/edit.tsx

@@ -1,5 +1,5 @@
 import { useQuery, useMutation } from '@tanstack/react-query';
-import { notFound, useRouter } from '@tanstack/react-router';
+import { notFound, useNavigate } from '@tanstack/react-router';
 import { useDispatch } from '@wordpress/data';
 import { useMemo } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
@@ -15,7 +15,7 @@ import DomainGlueRecordsForm from './form';
 import type { FormData } from './form';
 
 export default function EditDomainGlueRecords() {
-	const router = useRouter();
+	const navigate = useNavigate();
 	const { domainName, nameServer } = domainRoute.useParams();
 	const { data: glueRecordsData } = useQuery( domainGlueRecordsQuery( domainName ) );
 	const updateMutation = useMutation( domainGlueRecordUpdateMutation( domainName ) );
@@ -47,7 +47,7 @@ export default function EditDomainGlueRecords() {
 				createSuccessNotice( __( 'Glue record updated successfully.' ), {
 					type: 'snackbar',
 				} );
-				router.navigate( {
+				navigate( {
 					to: domainGlueRecordsRoute.fullPath,
 					params: { domainName },
 				} );

client/dashboard/domains/overview-glue-records/index.tsx

@@ -1,6 +1,6 @@
 import { isMobile } from '@automattic/viewport';
 import { useQuery, useMutation } from '@tanstack/react-query';
-import { Link, useRouter } from '@tanstack/react-router';
+import { Link, useNavigate } from '@tanstack/react-router';
 import { useDispatch } from '@wordpress/data';
 import { DataViews, filterSortAndPaginate } from '@wordpress/dataviews';
 import { __ } from '@wordpress/i18n';
@@ -44,8 +44,7 @@ const DEFAULT_LAYOUTS = {
 };
 
 function DomainGlueRecords() {
-	const router = useRouter();
-
+	const navigate = useNavigate();
 	const { domainName } = domainRoute.useParams();
 	const { data: glueRecordsData, isLoading } = useQuery( domainGlueRecordsQuery( domainName ) );
 	const deleteMutation = useMutation( domainGlueRecordDeleteMutation( domainName ) );
@@ -58,7 +57,7 @@ function DomainGlueRecords() {
 				label: __( 'Edit' ),
 				callback: ( items ) => {
 					const item = items[ 0 ];
-					router.navigate( {
+					navigate( {
 						to: domainGlueRecordsEditRoute.fullPath,
 						params: { domainName, nameServer: item?.nameserver },
 					} );