【Next.js】emoji-picker-reactで絵文字を表示する方法

表示方法

以下のように記述することでemoji-piciker-reactで絵文字を表示できます。

'use client'

import dynamic from 'next/dynamic'

const Emoji = dynamic(
  () => import('emoji-picker-react').then((mod) => mod.Emoji),
  {
    ssr: false,
  },
)

export function SampleEmoji() {
  return <Emoji unified={unified} size={24} />
}

参考