docs: fix(pagination): show last page number when current + 1 equals pageCount (#6759)

Author: BessonovMax

documentation/tutorial/authentication/data-provider-integration/sandpack.tsx

@@ -245,7 +245,7 @@ export const ListProducts = () => {
         <div>
           {current - 1 > 0 && <span onClick={() => onPage(current - 1)}>{current - 1}</span>}
           <span className="current">{current}</span>
-          {current + 1 < pageCount && <span onClick={() => onPage(current + 1)}>{current + 1}</span>}
+          {current + 1 <= pageCount && <span onClick={() => onPage(current + 1)}>{current + 1}</span>}
         </div>
         <button type="button" onClick={onNext}>
           {">"}

documentation/tutorial/essentials/tables/index.md

@@ -402,7 +402,7 @@ export const ListProducts = () => {
             <span onClick={() => onPage(current - 1)}>{current - 1}</span>
           )}
           <span className="current">{current}</span>
-          {current + 1 < pageCount && (
+          {current + 1 <= pageCount && (
             <span onClick={() => onPage(current + 1)}>{current + 1}</span>
           )}
         </div>

documentation/tutorial/essentials/tables/sandpack.tsx

@@ -495,7 +495,7 @@ export const ListProducts = () => {
         <div>
           {current - 1 > 0 && <span onClick={() => onPage(current - 1)}>{current - 1}</span>}
           <span className="current">{current}</span>
-          {current + 1 < pageCount && <span onClick={() => onPage(current + 1)}>{current + 1}</span>}
+          {current + 1 <= pageCount && <span onClick={() => onPage(current + 1)}>{current + 1}</span>}
         </div>
         <button type="button" onClick={onNext}>
           {">"}
@@ -618,7 +618,7 @@ export const ListProducts = () => {
         <div>
           {current - 1 > 0 && <span onClick={() => onPage(current - 1)}>{current - 1}</span>}
           <span className="current">{current}</span>
-          {current + 1 < pageCount && <span onClick={() => onPage(current + 1)}>{current + 1}</span>}
+          {current + 1 <= pageCount && <span onClick={() => onPage(current + 1)}>{current + 1}</span>}
         </div>
         <button type="button" onClick={onNext}>
           {">"}

documentation/tutorial/routing/inferring-parameters/react-router/sandpack.tsx

@@ -144,7 +144,7 @@ export const ListProducts = () => {
             <span onClick={() => onPage(current - 1)}>{current - 1}</span>
           )}
           <span className="current">{current}</span>
-          {current + 1 < pageCount && (
+          {current + 1 <= pageCount && (
             <span onClick={() => onPage(current + 1)}>{current + 1}</span>
           )}
         </div>

documentation/tutorial/routing/navigation/react-router/sandpack.tsx

@@ -177,7 +177,7 @@ export const ListProducts = () => {
             <span onClick={() => onPage(current - 1)}>{current - 1}</span>
           )}
           <span className="current">{current}</span>
-          {current + 1 < pageCount && (
+          {current + 1 <= pageCount && (
             <span onClick={() => onPage(current + 1)}>{current + 1}</span>
           )}
         </div>

documentation/tutorial/routing/syncing-state/react-router/sandpack.tsx

@@ -153,7 +153,7 @@ export const ListProducts = () => {
             <span onClick={() => onPage(current - 1)}>{current - 1}</span>
           )}
           <span className="current">{current}</span>
-          {current + 1 < pageCount && (
+          {current + 1 <= pageCount && (
             <span onClick={() => onPage(current + 1)}>{current + 1}</span>
           )}
         </div>