diff --git a/wax-prosemirror-services/src/WaxToolGroups/MultipleChoiceDropDownToolGroupService/MultipleChoiceDropDown.js b/wax-prosemirror-services/src/WaxToolGroups/MultipleChoiceDropDownToolGroupService/MultipleChoiceDropDown.js index dd9b973910458a8d315a92260d1ef51e517432b5..f04cb39f502c4168ad95aee8b9167c5c865673ea 100644 --- a/wax-prosemirror-services/src/WaxToolGroups/MultipleChoiceDropDownToolGroupService/MultipleChoiceDropDown.js +++ b/wax-prosemirror-services/src/WaxToolGroups/MultipleChoiceDropDownToolGroupService/MultipleChoiceDropDown.js @@ -1,4 +1,4 @@ -import React from 'react'; +import React, { useMemo } from 'react'; import { injectable, inject } from 'inversify'; import { isEmpty } from 'lodash'; import { v4 as uuidv4 } from 'uuid'; @@ -26,10 +26,13 @@ class MultipleChoiceDropDown extends ToolGroup { renderTools(view) { if (isEmpty(view)) return null; - return ( - // eslint-disable-next-line no-underscore-dangle - <DropDownComponent key={uuidv4()} tools={this._tools} view={view} /> + const MultipleDropDown = useMemo( + () => ( + <DropDownComponent key={uuidv4()} tools={this._tools} view={view} /> + ), + [], ); + return MultipleDropDown; } }