¿Hay alguna manera de delimitar mis cuadros de texto en un rectángulo y darles una altura predeterminada? Intenté usar style en mi <Editor /> pero no funciona.

 import { Editor } from "react-draft-wysiwyg"; import { EditorState } from "draft-js"; import "react-draft-wysiwyg/dist/react-draft-wysiwyg.css"; const TabContent = ({ name, typeProof }) => { const [text, setText] = useState( () => EditorState.createEmpty(),); return ( <> <SafeAreaView> <Editor editorState={text} onEditorStateChange={setText} wrapperClassName="wrapperClassName" editorClassName="editorClassName" toolbarClassName="toolbarClassName" placeholder="Enter your text here:" style={{ height: 200, margin: 12, borderWidth: 0.5, padding: 10, borderRadius: "2px" }} toolbar={{ options: ['inline', 'blockType', 'fontSize', 'fontFamily', 'list', 'textAlign', 'colorPicker', 'embedded', 'remove', 'history'], ... }} /> </SafeAreaView> </> ); };

Aquí mi código