How to use renderElement?

[littlehome-eugene]

I'm getting error for the following code.
I only changed Editable => EditablePlugins and added plugins parameter

TypeError: renderElementList.some is not a function
(anonymous function)
src/utils/renderElementPlugins.tsx:11
8 | ) => (elementProps: RenderElementProps) => {
9 | let element;
10 |

11 | renderElementList.some((renderElement) => {
12 | element = renderElement(elementProps);
13 | return !!element;
14 | });

 const renderElement = useCallback((props) => <Element {...props} />, []);
  const renderLeaf = useCallback((props) => <Leaf {...props} />, []);

  const plugins = [SoftBreakPlugin()];
  const withPlugins = [withReact, withHistory];
  const editor = useMemo(() => pipe(createEditor(), ...withPlugins), []);

  return (
    <Slate editor={editor} value={value} onChange={(value) => setValue(value)}>
      <Toolbar>
      </Toolbar>
      <EditablePlugins
        plugins={plugins}
        renderElement={renderElement}
        renderLeaf={renderLeaf}
        placeholder="Enter some rich text…"
        spellCheck
        autoFocus
      />
    </Slate>
  )

[zbeyens]

renderElement accepts an array of RenderElement functions https://slate-plugins-next.netlify.app/?path=/docs/api-renderelement--page