Warning: Failed prop type: Invalid prop value of type object supplied to Editor, expected string.

[langziyang]

ant design with tinymce react,
first paste content to tinymce of first input some content and blur focus,i will get warning.

this is my code:

import React, {useEffect, useRef, useState} from 'react';
import {Form, Input, Modal, Select, Switch} from "antd";
import axios from "axios";
import {Editor} from "@tinymce/tinymce-react";
import {showError} from "../../tools";

function EditProject(props) {
    const [project, setProject] = useState({})
    const [fields, setFields] = useState({})
    const [units, setUnits] = useState([])
    const [open, setOpen] = useState(false)
    const {id, handleCancelModal} = props
    const [form] = Form.useForm()

    useEffect(() => {
        //取单位列表
        axios.get('/api/units').then(resp => setUnits(resp.data['hydra:member']))
        if (props.id === 0) {
            setOpen(true)
        } else {
            axios.get('/api/projects/' + props.id).then(resp => {
                console.log(resp)
            })
        }
    }, [])

    const editorRef = useRef(null);
    const log = () => {
        if (editorRef.current) {
            console.log(editorRef.current.getContent());
        }
    };

    return <Modal onCancel={() => handleCancelModal()}
                  open={open} maskClosable={false}
                  width='600'
                  onOk={() => {
                      form.validateFields().then(() => {
                      }).catch(e => {
                          console.log(e)
                      })
                  }}
    >
        <Form form={form} preserve={false} labelCol={{span: 4}}>
            <Form.Item label='项目名称' name='title' rules={[{required: true}]}
                       initialValue={project.title}>
                <Input onChange={e => setFields({...fields, title: e.target.value})}/>
            </Form.Item>
            <Form.Item label='是否启用' name='activated'>
                <Switch checked={project.activated} onChange={v => {
                    console.log(v)
                }}/>
            </Form.Item>
            <Form.Item label='负责单位' name='unit' rules={[{required: true}]}>
                <Select options={units} fieldNames={{label: 'title', value: '@id'}} mode='multiple'/>
            </Form.Item>
            <Form.Item label='项目介绍' name='desc_project'>
                <Editor
                    onInit={(evt, editor) => editorRef.current = editor}
                    initialValue="<p>This is the initial content of the editor.</p>"
                    init={{
                        height: 500,
                        menubar: false,
                        plugins: [
                            'advlist autolink lists link image charmap print preview anchor',
                            'searchreplace visualblocks code fullscreen',
                            'insertdatetime media table paste code help wordcount'
                        ],
                        toolbar: 'undo redo | formatselect | ' +
                            'bold italic backcolor | alignleft aligncenter ' +
                            'alignright alignjustify | bullist numlist outdent indent | ' +
                            'removeformat | help',
                        content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
                    }}
                />
            </Form.Item>
        </Form>
    </Modal>;
}
export default EditProject;