Default node type

[roguenet]

I'm having a really hard time getting this thing off the ground by following the docs. Working off of this Basic Editor page (https://platejs.org), I've built the following basic Plate instance:

    <Plate
      editableProps={{
        placeholder: 'Type...'
      }}
      options={createPlateOptions()}
      components={createPlateComponents()}
      plugins={[
        createReactPlugin(),
        createHistoryPlugin(),
        createParagraphPlugin()
      ]}
      onChange={document => { console.log(JSON.stringify(document)) }}
    />

The difficulty I'm having is that the nodes don't seem to have a type associated. When I run the examples on the docs site, the result from the above will be something like:

[{"type":"p","children":[{"text":"This is editable plain text with react and history plugins, just like a <textarea>!"}]}]

But when I run it in my project, I get

[{"children":[{"text":"test"}]}]

I haven't been able to find any way to fix this by following the docs or the code. Help?

My deps:

    "@udecode/plate": "1.1.3",

...

    "slate": "0.63.0",
    "slate-history": "0.62.0",
    "slate-hyperscript": "0.62.0",
    "slate-react": "0.65.2",

[dylans]

How are you populating your initialValue ? fwiw I find it easier to get started with the examples from codesandbox like https://codesandbox.io/s/2mh1c?file=/index.tsx and then use the playground to explore the features.

[roguenet]

I don't have an initial value. Is it required? I included literally the entire code sample above.

[roguenet]

Thanks for the tip on using that sandbox. I worked up a basic example: https://codesandbox.io/s/plate-playground-forked-umvbk?file=/index.tsx

If I leave off the initial value, it breaks in the way I'm asking about, if I include something value, new nodes inserted work correctly, so apparently the answer is yes: an initialValue is required.

[zbeyens]

An alternative is to provide a controlled value prop.