import React , { useState } from 'react' ; import type { Value } from '@react-page/editor' ; import Editor from '@react-page/editor' ; import slate from '@react-page/plugins-slate' ; import image from '@react-page/plugins-image' ; import PageLayout from '../../components/PageLayout' ; const cellPlugins = [ slate ( ) , image ] ; export default function SimpleExample ( ) { const [ value , setValue ] = useState < Value > ( null ) ; const [ value2 , setValue2 ] = useState < Value > ( null ) ; return ( < PageLayout > < Editor lang = "en" cellPlugins = { cellPlugins } value = { value } onChange = { setValue } / > < Editor lang = "en" cellPlugins = { cellPlugins } value = { value2 } onChange = { setValue2 } / > < /PageLayout>); }