Unable to access Editor instance with dynamically imported react-quill in NextJS

I’m using react-quill in a NextJS app. I’m looking to extend a part of the app where I want to force users to use the Quill instance with a specific formatting option enabled by default (list). To achieve this, I believe I need access to the Quill Editor instance.

However, when attempting to use a ref, I’m unable to call the getEditor method on the ref. The only method available is retry.

I’ve made a CodeSandbox: https://codesandbox.io/s/nextjs-dynamic-react-quill-ref-example-sxm64 Check the browser console to see what the ref object is.

Expected behavior: I would expect the ref to contain a getEditor method

Actual behavior: The ref only contains a retry method

Version: 2.0.0-beta.2

[kt3k]

When next/dynamic wraps the component, it doesn’t seem forwarding ref to the internal component. If I wrapped ReactQuill component with ref renamed to forwardedRef, it seemed working.

https://codesandbox.io/s/nextjs-dynamic-react-quill-ref-example-forked-gyhz3

[jularbs]

have you found a solution for this. I am also experiencing this issue as well.