How to use FlyControls in react-three-fiber?

Question

I just changing OrbitControls to FlyControls.

However, it seems FlyControls is not working with PerspectiveCamera.

Am I missing some props for FlyControls?

function Product() {
  return (

    <Suspense fallback={null}>

      <Canvas >
        <PerspectiveCamera makeDefault fov={90} position={[0, 0, 10]} />
        <FlyControls
          autoForward={false}
          dragToLook={false}
          movementSpeed={10}
          rollSpeed={0.005}
          makeDefault
        />
        <color args={[0, 0, 0]} attach="background" />

        <Model />

        <ambientLight intensity={0.1} />

      </Canvas>
    </Suspense>

  )
}

<OrbitControls
maxPolarAngle={1.5}
target={[0, 0, 0]}
enableZoom={true}
enablePan={true}
enableRotate={true}
makeDefault />