\n\nSometimes code can be better than words. Here are example TypeScript interfaces that describe the above schema (some schema rules are not expressible in TypeScript, so please treat it just as a quick overview).\n\n```tsx\nimport { Node } from 'slate';\n\ninterface ListNode {\n children: ListItemNode[];\n type: 'ordered-list' | 'unordered-list'; // depends on your ListsSchema \n}\n\ninterface ListItemNode {\n children: [ListItemTextNode] | [ListItemTextNode, ListNode];\n type: 'list-item'; // depends on your ListsSchema\n}\n\ninterface ListItemTextNode {\n children: Node[]; // by default everything is allowed here\n type: 'list-item-text'; // depends on your ListsSchema\n}\n```\n\n
\n{children}
;\n }\n}\n\nconst initialValue: Descendant[] = [{ type: Type.PARAGRAPH, children: [{ text: 'Hello world!' }] }];\n\nexport function MyEditor() {\n const [value, setValue] = useState(initialValue);\n const editor = useMemo(() => withHistory(withReact(createEditor())), []);\n\n return (\n{children}
;\n+ case Type.ORDERED_LIST:\n+ return{children}
;\n case Type.ORDERED_LIST:\n return{children}
;\n case Type.ORDERED_LIST:\n return