Invalid ref in NextJS

Is there a way to pass the ref to custom cell renders in NextJS environment?

The [Inline Editing](https://autodesk.github.io/react-base-table/examples/inline-editing) example in the documentation website doesn't work in NextJS because the ref provided to `EditableCell` is always null. I have tried various workarounds like loading the component dynamically and then using React.ForwardRef ([link](https://github.com/vercel/next.js/issues/4957)) but nothing seems to work. Even tried disabling SSR explicitly. The ref passed in is only valid after the first render cycle and it seems in the `EditableCell` class it tries to render with a null ref. You have some code protecting against this situation: `{editing && this.targetRef && (` but I'm wondering if there is a nicer or cleaner way to do this? I'm mainly looking for a way to edit the cell items.

ドキュメントサイトの Inline Editing の例とカスタム EditableCell 実装から始め、ref がどのように渡されるか、また targetRef がいつ利用可能になるかに注目してください。NextJS 環境で例を再現し、その後、初回のレンダリング中に ref が null にならず、セル項目を確実に編集できることを確認してください。

索引モデルが issue の本文から書いたものです。