Plate CONFIG and VALUES are undefined??

[PixelForm]

When using Plate editor in create-react-app I get the error CONFIG and VALUES are not defined. Nowhere in the documentation it is documented on how to use these. Just a hint that you can use them and that's it.

All I have so far is:

import React from 'react';
import { Plate } from '@udecode/plate';

export default function Editor(props) {

const [debugValue, setDebugValue] = React.useState(null);

return (
        <Plate
            editableProps={CONFIG.editableProps}
            initialValue={VALUES.plainText}
            onChange={(newValue) => {
                setDebugValue(newValue);
                // save newValue...
            }}
        >
            value: {JSON.stringify(debugValue)}
        </Plate>
    );
}

If I am doing anything wrong then what is it and why is it not explained in the docs?

[zbeyens]

It is documented here https://platejs.org

[PixelForm]

All it says: 'For readability, we're storing common constants in CONFIG, VALUES,... See all the imported variables.' but npm gives the error that they are not defined and when I try to import them manually it gives an error that it is not exported

[zbeyens]

These are example variables, not exported by the lib. You can copy paste what you need from that folder https://github.com/udecode/plate/blob/main/docs/src/live/live.tsx

Also see a working env: https://codesandbox.io/s/slate-plugins-playground-v1-2mh1c?file=/index.tsx