Running Emoji Mart 5.3.2 in NextJs + TypeScript project

[phil-loops]

Resolved in 5.3.3

import React, { Suspense } from "react";
// @ts-ignore - alternatively, add `declare module "@emoji-mart/react"` to your project's type declarations
const Picker = React.lazy(() => import("@emoji-mart/react"));
import type EmojiMart from "emoji-mart";

export default function EmojiPicker<
  T extends keyof typeof EmojiMart.Picker.Props
>(props: Record<T, typeof EmojiMart.Picker.Props[T]["value"]>) {
  return (
    <Suspense fallback={<></>}>
      <Picker {...props} />
    </Suspense>
  );
}

This gives some typescript support to the keys of the Picker function. However, the accepted values are still pretty loose.