How to force fragment to render on client

[JorisBlanken]

I'm trying to use @react-three/fiber in my Aleph project.
The @react-three/fiber Canvas element depends on react-spring, which in turn depends on ResizeObserver, which the deno SSR environment doesn't support.

I wrapped my Canvas in a Suspense, which solves the problem functionally, but errors are still being thrown.
I wasn't able to find anything about client-side rendering in the docs.

import { Suspense } from "react";
import { Canvas } from "@react-three/fiber";

export default function Index() {
  return (
    <div className="absolute w-full h-full">
      <Suspense fallback={<></>}>
        <Canvas>
          <ambientLight intensity={0.5} />
          <mesh>
            <boxGeometry args={[1, 1, 1]} />
            <meshStandardMaterial color="red" />
          </mesh>
        </Canvas>
      </Suspense>
    </div>
  );
}

What's the recommended way of forcing a component or fragment to render client-side only?