Puede utilizar Zod para definir un esquema de seguridad tipográfica para su composición. Al hacerlo, podrá editar visualmente los parámetros en Remotion Studio.

1. instale zod y @remotion/zod-types para tipos específicos de Remotion:

npm i zod
npm i zod @remotion/zod-types

2. Agrege un esquema al componente <Composition>

import { z } from "zod";

export const myCompSchema = z.object({
  fgColor: z.string(),
  calWidth: z.number(),
});

<Composition
   schema={myCompSchema}
   defaultProps={{
      fgColor: "white",
      calWidth: 418
   }}
/>