Merge pull request #701 from contember/fix/playground-text-editor

fix(playground): use relative content field name in PlateContentSync
contember · May 13, 2024 · 98f7097 · 98f7097
2 parents fdf2598 + 98f40e4
commit 98f7097
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/packages/playground/admin/lib/components/richt-text-editor/plate-editor.tsx b/packages/playground/admin/lib/components/richt-text-editor/plate-editor.tsx
@@ -42,7 +42,7 @@ export const PlateEditor = Component(
 						onChange={handleEditorOnChange}
 						normalizeInitialValue
 					>
-						<PlateContentSync />
+						<PlateContentSync field={field} />
 						<div
 							ref={containerRef}
 							className={cn(
@@ -83,10 +83,14 @@ export const PlateEditor = Component(
 	'PlateEditor',
 )
 
-const PlateContentSync = () => {
-	const field = useField('data')
-	const fieldAccessor = field.getAccessor
-	const fieldValue = field.value
+interface PlateContentSyncProps {
+	field: string | SugarableRelativeSingleField
+}
+
+const PlateContentSync = ({ field }: PlateContentSyncProps) => {
+	const contentField = useField(field)
+	const fieldAccessor = contentField.getAccessor
+	const fieldValue = contentField.value
 	const editor = useEditorRef()
 
 	useEffect(() => {