Skip to content

fix: disable prefetch for nextjs link #50

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
nikaaru merged 1 commit into from
Dec 3, 2025
Merged

fix: disable prefetch for nextjs link #50

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions src/app/search/_components/NotFound/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -30,6 +30,7 @@ function NotFound() {
</div>
<Link
href="/"
prefetch={false}
className="text-baseForeground bg-primary-600 py-8 md:py-10 px-20 mt-20 md:mt-50 text-center rounded-full w-[280px] md:w-[228px] text-16 md:text-18 font-medium">
Back To Home
</Link>
Expand Down
4 changes: 4 additions & 0 deletions src/app/search/_components/Pagination/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,11 +17,13 @@ function Pagination(props: PropsType) {
{page > 0 && totalPage > 1 ? (
<>
<Link
prefetch={false}
href={`/search?query=${query}&page=0`}
className="flex items-center rounded-micro justify-center w-[2.25rem] md:w-[2.5rem] h-[2.25rem] md:h-[2.5rem] text-neutral-400 bg-surfacesBackground hover:text-hoverIcon hover:bg-hoverBackground cursor-pointer">
<FirstPageIcon size="0.625rem" />
</Link>
<Link
prefetch={false}
href={`/search?query=${query}&page=${page - 1}`}
className="flex items-center mx-5 md:mx-10 rounded-micro justify-center w-[2.25rem] md:w-[2.5rem] h-[2.25rem] md:h-[2.5rem] text-neutral-400 bg-surfacesBackground hover:text-hoverIcon hover:bg-hoverBackground cursor-pointer">
<PrevPageIcon />
Expand All @@ -44,11 +46,13 @@ function Pagination(props: PropsType) {
{page + 1 < totalPage && totalPage > 1 ? (
<>
<Link
prefetch={false}
href={`/search?query=${query}&page=${page + 1}`}
className="flex items-center mx-5 md:mx-10 rounded-micro justify-center w-[2.25rem] md:w-[2.5rem] h-[2.25rem] md:h-[2.5rem] text-neutral-400 bg-surfacesBackground hover:text-hoverIcon hover:bg-hoverBackground cursor-pointer">
<NextPageIcon />
</Link>
<Link
prefetch={false}
href={`/search?query=${query}&page=${totalPage - 1}`}
className="flex items-center rounded-micro justify-center w-[2.25rem] md:w-[2.5rem] h-[2.25rem] md:h-[2.5rem] text-neutral-400 bg-surfacesBackground hover:text-hoverIcon hover:bg-hoverBackground cursor-pointer">
<LastPageIcon size="0.625rem" />
Expand Down
5 changes: 4 additions & 1 deletion src/app/statistics/_components/StatisticsPageContent/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -65,7 +65,10 @@ function StatisticsPageContent(props: PropsType) {
<div className="container px-25 md:px-0 pt-30 md:py-50">
<div className="w-full mb-20 md:0 md:py-10 md:py-20 flex flex-col md:flex-row md:items-center md:justify-between">
<div className="items-center flex mb-5 md:mb-0">
<Link className="text-neutral-800 text-10 md:text-16" href="/">
<Link
prefetch={false}
className="text-neutral-800 text-10 md:text-16"
href="/">
Home
</Link>
<ChevronRightIcon className="mx-5 text-neutral-800" />
Expand Down
2 changes: 2 additions & 0 deletions src/app/swap/[id]/_components/SwapDetailSummary/SwapDetailAddress.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,7 @@ function SwapDetailAddress(props: SwapDetailItem) {
<div className="flex col-span-3 items-center h-[3.75rem] p-18">
<Link
href={wallet?.explorer}
prefetch={false}
target="_blank"
className="text-secondary-500 mr-5 max-w-[80%] text-ellipsis overflow-hidden whitespace-nowrap">
{wallet?.address || '-'}
Expand All @@ -26,6 +27,7 @@ function SwapDetailAddress(props: SwapDetailItem) {
)}
{wallet?.address && (
<Link
prefetch={false}
className={`ml-1.5 flex items-center relative`}
href={`/search?query=${wallet?.address}`}>
<Tooltip label={'Search wallet transactions'}>
Expand Down
2 changes: 2 additions & 0 deletions src/app/swap/[id]/_components/SwapDetailSummary/SwapDetailMobileToken.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -51,13 +51,15 @@ function SwapDetailMobileToken(props: SwapDetailItem) {
</div>
<div className="flex items-center">
<Link
prefetch={false}
href={wallet?.explorer}
target="_blank"
className="text-14 text-secondary-500 mr-5">
{wallet?.address.slice(0, 20)}...
</Link>
<ButtonCopyIcon text={wallet?.address} />
<Link
prefetch={false}
className={`ml-1.5 flex items-center relative`}
href={`/search?query=${wallet?.address}`}>
<Image
Expand Down
1 change: 1 addition & 0 deletions src/app/swap/[id]/_components/SwapSteps/SwapStepAddress.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,7 @@ function SwapStepAddress(props: SwapStepItemValueProps) {
<Link
target="_blank"
href={explorer}
prefetch={false}
onClick={handleClick}
className="text-14 md:text-16 text-secondary-500 mr-5">
{address?.length > 20 ? `${address.slice(0, 20)}...` : address}
Expand Down
6 changes: 5 additions & 1 deletion src/app/swap/[id]/_components/SwapSteps/TransactionURL.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,11 @@ function TransactionURL(props: TransactionURLProps) {
text={url}
/>
<Tooltip label="View Transaction">
<Link href={url} target="_blank" onClick={handleClick}>
<Link
prefetch={false}
href={url}
target="_blank"
onClick={handleClick}>
<LinkIcon className="text-neutral-400 hover:text-hoverIcon" />
</Link>
</Tooltip>
Expand Down
1 change: 1 addition & 0 deletions src/app/swap/[id]/_components/SwapSteps/TransactionURLMobileItem.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -73,6 +73,7 @@ function TransactionURLMobileItem(props: TransactionURLItemProps) {
</button>
<Link
onClick={handleLink}
prefetch={false}
href={url}
target="_blank"
className="flex items-center py-10 px-15 hover:bg-surfacesBackground ">
Expand Down
5 changes: 4 additions & 1 deletion src/app/swap/[id]/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,10 @@ const Page = async ({ params }: { params: { id: string } }) => {
<div className="w-full flex justify-center">
<div className="container px-25 md:px-0 pt-30 md:py-50">
<div className="w-full py-10 md:py-20 flex items-center justify-start">
<Link className="text-neutral-800 text-10 md:text-16" href="/">
<Link
prefetch={false}
className="text-neutral-800 text-10 md:text-16"
href="/">
Home
</Link>
<ChevronRightIcon className="mx-5 text-neutral-800" />
Expand Down
1 change: 1 addition & 0 deletions src/components/common/Button/LinkButton.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,6 +26,7 @@ export function LinkButton(props: PropsWithChildren<LinkButtonProps>) {
return (
<Link
onClick={onClick}
prefetch={false}
target="_blank"
className={`transition-all hover:bg-opacity-90 overflow-hidden relative py-10 md:py-15 flex items-center justify-center px-20 font-medium text-16 md:text-18 md:leading-snug md:text-18 text-baseForeground bg-secondary-500 rounded-soft ${
props.className ? props.className : ''
Expand Down
1 change: 1 addition & 0 deletions src/components/common/Footer/ListItem.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@ function ListItem(props: ListItemProps) {
<li className="item-center flex pb-2.5 text-12 md:text-16 md:font-medium leading-[0.8rem] text-neutral-200 md:text-16 md:leading-5 ">
{Icon && <Icon className="text-neutral-200" />}
<Link
prefetch={false}
target={openInNewTab ? '_blank' : '_self'}
rel={openInNewTab ? 'noreferrer' : 'none'}
className={`${className || ''} ${Icon ? 'ml-1' : ''}`}
Expand Down
6 changes: 5 additions & 1 deletion src/components/common/Header/DesktopHeader.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,10 @@ function DesktopHeader(props: DeviceProps) {
{renderChildren ? (
<>
<div className="flex justify-center items-center gap-9">
<Link className="relative w-[3.8rem] md:w-[7.7rem]" href="/">
<Link
prefetch={false}
className="relative w-[3.8rem] md:w-[7.7rem]"
href="/">
<Image
src={theme === 'dark' ? coloredLogo : rangoLogo}
alt="Rango logo"
Expand Down Expand Up @@ -62,6 +65,7 @@ function DesktopHeader(props: DeviceProps) {
onMouseOver={() => setShowSubMenu(link.id)}>
{link.type === 'link' ? (
<Link
prefetch={false}
rel={link.openInNewTab ? 'noreferrer' : 'none'}
target={link.openInNewTab ? '_blank' : '_self'}
href={link.location}>
Expand Down
1 change: 1 addition & 0 deletions src/components/common/Header/Menu.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -38,6 +38,7 @@ function Menu(props: MenuProps) {
}`}
key={index}>
<Link
prefetch={false}
target={item.openInNewTab ? '_blank' : '_self'}
rel={item.openInNewTab ? 'noreferrer' : 'none'}
className="flex items-center hover:text-secondary-500"
Expand Down
2 changes: 1 addition & 1 deletion src/components/common/Header/MobileHeader.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -42,7 +42,7 @@ function MobileNavbar(props: DeviceProps) {
<div className={'flex items-center justify-between'}>
{renderChildren ? (
<>
<Link href="/" className="relatives w-[4.75rem] ">
<Link prefetch={false} href="/" className="relatives w-[4.75rem] ">
<Image
src={theme === 'dark' ? coloredLogo : rangoLogo}
alt="Rango logo"
Expand Down
4 changes: 3 additions & 1 deletion src/components/common/Header/MobileMenu.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -48,7 +48,7 @@ function MobileMenu(props: MobileMenuProps) {
${active ? 'animate-mount-menu' : ''}`}>
<nav className="w-full">
<div className="flex w-full items-center justify-between pb-6">
<Link className="relative w-24" href="/">
<Link prefetch={false} className="relative w-24" href="/">
<Image src={rangoLogo} alt="Rango logo" layout="responsive" />
</Link>
<div />
Expand All @@ -60,6 +60,7 @@ function MobileMenu(props: MobileMenuProps) {
{link.type === 'link' ? (
<Link
href={link.location}
prefetch={false}
target={link.openInNewTab ? '_blank' : '_self'}
rel={link.openInNewTab ? 'noreferrer' : 'none'}
className={`flex w-full items-center justify-between py-4 text-16 font-medium
Expand Down Expand Up @@ -113,6 +114,7 @@ function MobileMenu(props: MobileMenuProps) {
className="flex items-center py-2.5 pl-2 text-12 text-neutral-400"
key={index}>
<Link
prefetch={false}
href={item.location}
target={
item.openInNewTab ? '_blank' : '_self'
Expand Down
1 change: 1 addition & 0 deletions src/components/common/Table/TableBody.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,7 @@ function TableBody(props: TableBodyProps) {

<Link
href={`/swap/${item.requestId}`}
prefetch={false}
className={`w-full md:hidden text-center rounded-micro mt-30 border border-primary-600 py-10 text-primary-600 text-16 font-semibold`}>
Detail
</Link>
Expand Down
1 change: 1 addition & 0 deletions src/components/common/Table/TableLoading.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -109,6 +109,7 @@ function TableLoading(props: TableLoadingProps) {
/>
</div>
<Link
prefetch={false}
href="#"
className={`w-full md:hidden text-center rounded-micro mt-30 border border-primary-600 py-10 text-primary-600 text-16 font-semibold`}>
Detail
Expand Down
1 change: 1 addition & 0 deletions src/components/common/Table/cells/RequestIDCell.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,7 @@ function RequestIDCell(props: CellProps) {
<Tooltip label={requestId}>
<Link
href={`/swap/${requestId}`}
prefetch={false}
className="text-14 md:text-16 text-primary-500 mr-5 hover:underline hover:text-secondary-500">
{`${requestId.slice(0, 8)}...${requestId.slice(
requestId.length - 8,
Expand Down