Infinite rerenders with preload of 'intent' on data table

export const router = createRouter({
    routeTree,
    context: {
        queryClient,
    },
    defaultPreload: 'intent',
    defaultPreloadStaleTime: 0,
})

function PropertyTable() {
    const { data, isLoading } = useSuspenseQuery(propertyQueries.list())

    const columnHelper = createColumnHelper<(typeof data.data)[number]>()

    const columns = useMemo(
        () => [
            columnHelper.display({
                id: 'openRecord',
                size: 50,
                meta: {
                    sizeIsSet: true,
                    className: 'px-0 border-r border-border',
                },
                cell: ({ row }) => (
                    <Button variant="ghost" size="icon" asChild>
                        <Link to={`/listings/manage/$id`} params={{ id: row.original.id.toString() }} preload="intent">
                            <CircleArrowOutUpRight className="w-4 h-4 text-muted-foreground" />
                        </Link>
                    </Button>
                ),
            }),
        ],
        [columnHelper],
    )
    return <DataTable data={data.data} columns={columns} />
}