[react-konva] Next.jsでReactKonvaCore.js not supported.

[react-konva] ReactKonvaCore.js not supported.エラーを解決

Next.jsにてreact-konvaを使おうとしたら、以下のエラーが出ました。

**require() of ES Module /Users/~~~/node_modules/konva/lib/Core.js from /Users/~~~/node_modules/react-konva/lib/ReactKonvaCore.js not supported.
Instead change the require of Core.js in /Users/~~~/node_modules/react-konva/lib/ReactKonvaCore.js to a dynamic import() which is available in all CommonJS modules.**

こんな感じで、ssrなしのコンポーネントとして設定してあげると解決できます。

import dynamic from 'next/dynamic'

const SampleComponent = () => {
	return <NoSSRComponent
      propsA={'sampleA'}
      propsB={'sampleB'}
  />
}

const NoSSRComponent = dynamic(() => import('../../SampleCanvas'), {
  ssr: false,
})

このissueを参考に解消しました。