Ya creé el proyecto de reacción y lo integré con Chakra usando

 npm i @chakra-ui/react @emotion/react@^11 @emotion/styled@^11 framer-motion@^5

Luego usé el componente Textarea de esta biblioteca y se dice que las columnas y las filas deben ser un número. Hice una solución, definiendo nuevas variables. ¿Pero es como debe ser? Las columnas y las filas deben ser números y no puedo escribir un estilo en línea como cols="20"?.

 const COLS = 20 const ROWS = 20 const RecipeForm = () => { return ( <React.Fragment> <Navbar /> <Center width="100%" height="95vh"> <Flex justifyContent="center" alignItems="center" width="50vw"> <FormControl textAlign="center"> <Input placeholder="Name for your recipe" /> <SelectType /> <Textarea placeholder="Description" cols={COLS} rows={ROWS} resize="none" /> <Button type="submit">Submit</Button> </FormControl> </Flex> </Center> </React.Fragment> ) }