fix: [M3-10266] - Add automatic redirect for empty paginated Access Keys pages (linode#12598)

* fix: [M3-10266] - OBJ Pagination Redirects

* Added changeset: Add automatic redirect for empty paginated Access Keys pages

* Add todo comment

---------

Co-authored-by: Jaalah Ramos <[email protected]>

Author: jaalah-akamai

packages/manager/.changeset/pr-12598-fixed-1753820650689.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Fixed
+---
+
+Add automatic redirect for empty paginated Access Keys pages ([#12598](https://github.com/linode/manager/pull/12598))

packages/manager/src/features/ObjectStorage/AccessKeyLanding/AccessKeyLanding.tsx

@@ -5,6 +5,7 @@ import {
 } from '@linode/api-v4/lib/object-storage';
 import { useAccountSettings } from '@linode/queries';
 import { useErrors, useOpenClose } from '@linode/utilities';
+import { useNavigate } from '@tanstack/react-router';
 import * as React from 'react';
 
 import { DocumentTitleSegment } from 'src/components/DocumentTitle';
@@ -53,6 +54,7 @@ export const AccessKeyLanding = (props: Props) => {
     openAccessDrawer,
   } = props;
 
+  const navigate = useNavigate();
   const pagination = usePaginationV2({
     currentRoute: '/object-storage/access-keys',
     initialPage: 1,
@@ -88,6 +90,25 @@ export const AccessKeyLanding = (props: Props) => {
 
   const { isObjMultiClusterEnabled } = useIsObjMultiClusterEnabled();
 
+  // Redirect to base access keys route if current page has no data
+  // TODO: Remove this implementation and replace `usePagination` with `usePaginate` hook. See [M3-10442]
+  React.useEffect(() => {
+    const currentPage = Number(pagination.page);
+
+    // Only redirect if we have data, no results, and we're not on page 1
+    if (
+      !isLoading &&
+      data &&
+      (data.results === 0 || data.data.length === 0) &&
+      currentPage > 1
+    ) {
+      navigate({
+        to: '/object-storage/access-keys',
+        search: { page: undefined, pageSize: undefined },
+      });
+    }
+  }, [data, isLoading, pagination.page, navigate]);
+
   const handleCreateKey = (
     values: CreateObjectStorageKeyPayload,
     {