RichTextArea components conflicts with each other

[deanex]

Rendering multiple RichTextArea components, even on different opened tabs, lead to error:

Dev notes

Every time same id is used for custom quill toolbar

export const modules = {
  toolbar: {
    container: "#toolbar",
  },
  history: {
    delay: 500,
    maxStack: 100,
    userOnly: true
  }
};

export const RichTextAreaToolbar = () =>
{
  const intl = useIntl();
  return (
    <div id="toolbar">
    <span className="ql-formats">
      <select className="ql-header" defaultValue="5">
// ...