Error when selecting custom font size tools

import {
  Editor,
  EditorChangeEvent,
  EditorMountEvent,
  EditorPasteEvent,
  EditorTools,
  EditorToolsSettings,
  ProseMirror,
} from'@progress/kendo-react-editor';
import { useEffect, useRef, useState } from'react';
import { Button } from'@progress/kendo-react-buttons';

const { EditorState, EditorView, Plugin, PluginKey, TextSelection } = ProseMirror;

const { Bold, Italic, Underline, Strikethrough, Indent, Outdent, OrderedList, UnorderedList, FormatBlock } =
  EditorTools;

const fontSizeToolSettings: EditorToolsSettings.StyleDropDownListSettings = {
  ...EditorToolsSettings.fontSize,
  items: [
    { text: '10', value: '10pt' },
    { text: '12', value: '12pt' },
    { text: '14', value: '14pt' },
    { text: '18', value: '18pt' },
    { text: '22', value: '22pt' },
    { text: '36', value: '36pt' },
  ],
};

const colorToolSettings = {
  style: 'color',
  defaultItem: { text: 'No Color', value: '' },
  items: [
    { text: 'White', value: '#fff' },
    { text: 'Midnight', value: '#232437' },
    { text: 'Sand', value: '#e6e4dc' },
    { text: 'Slate', value: '#6a7885' },
    { text: 'Mint', value: '#6ce3c8' },
    { text: 'Green', value: '#20a786' },
    { text: 'Yellow', value: '#f1c22e' },
    { text: 'Orange', value: '#e79946' },
    { text: 'Red', value: '#c64f27' },
  ],
};

const CustomColor = EditorTools.createStyleDropDownList(colorToolSettings);

const MyColorTool = (props: any) => (
  <CustomColor
    {...props}
    style={{
      width: '100px',
      ...props.style,
    }}
  />
);

// Creates custom FontSize tool.const CustomFontSize = EditorTools.createStyleDropDownList(fontSizeToolSettings);

// Styles the FontSize tool (DropDownList).const MyFontSizeTool = (props: any) => (
  <CustomFontSize
    {...props}
    style={{
      width: '110px',
      ...props.style,
    }}
  />
);

const CommonEditor = () => {

  return (
    <Editor
      tools={[
        MyColorTool,
        [Bold, Italic, Underline, Strikethrough],
        [Indent, Outdent],
        [OrderedList, UnorderedList],
        MyFontSizeTool,
      ]}
      defaultEditMode="div"
    />
  );
};

exportdefault CommonEditor;