TipTap offers a class (ReactRenderer) to render react elements outside of the regular React tree / DOM. Such as when we want a popup menu to appear. However this renderer practically forces us to use regular React components if we want to pass outside events to the component. It might be worth looking into this when we are start using this class more extensively, to see if there might be a better approach.
If it seems possible to use FC's for the purpose described above, then the following task can be completed:
[x] Refactor React components of the Suggestion plugin to use Function Components and hooks instead of regular React Components, to be consistent with the rest of the codebase.
TipTap offers a class (ReactRenderer) to render react elements outside of the regular React tree / DOM. Such as when we want a popup menu to appear. However this renderer practically forces us to use regular React components if we want to pass outside events to the component. It might be worth looking into this when we are start using this class more extensively, to see if there might be a better approach.
If it seems possible to use FC's for the purpose described above, then the following task can be completed: