I have this sorta layout:

async function ServerComponent({images}){
  return (
    <Suspense>
      <ClientComponent images={images} />
    </Suspense>
  );
}

// diff file now
'use client';

function ClientComponent({images}){
  return (
    <div>
      {images.length}
    </div>
  );
}

In ServerComponent on render images.length === 10.

On initial ClientComponent hydration render images.length === 10

On second ClientComponent render (React strict mode) images.length === 0

I have no idea what to do. Turning strict mode off solves this temporarily, but obiously that's not the ideal solution.