<Suspense
          key={"sales-" + keyString}
          fallback={
            <div
              data-push-down
              className="max-sm:pt-[197.333px] max-md:pt-[157.333px] max-lg:pt-[148px] pt-[108px] grid grid-cols-4 max-sm:grid-cols-1 max-lg:grid-cols-2 max-xl:grid-cols-3 grid-flow-row gap-5 max-sm:px-8 justify-center items-center px-16"
            >
              {Array.from({ length: 4 }).map((_, i) => (
                <PropertyCardSkeleton key={i} />
              ))}
            </div>
          }
        >
          <Sales
            neighborhood={neighborhood}
            propertyType={searchParams.propertyType}
          />
        </Suspense>
        <Suspense
          key={"properties-" + keyString}
          fallback={
            <div className="pt-24 grid grid-cols-4 max-sm:grid-cols-1 max-lg:grid-cols-2 max-xl:grid-cols-3 grid-flow-row gap-5 max-sm:px-8 justify-center items-center px-16">
              {Array.from({ length: 8 }).map((_, i) => (
                <PropertyCardSkeleton key={i} />
              ))}
            </div>
          }
        >
          <Properties neighborhood={neighborhood} {...searchParams} />
        </Suspense>

The suspense is not working in production despite hosting the project on vercel and disabling buffering from next options and doing fetch in children