How can I use dynamic messages like rich , {count: value} in Storybook

[t-aburasoba]

Env

// dependencies
    "next": "^14.1.0",
    "next-intl": "^3.10.0",
    "react": "^18",

// devDependencies
    "storybook": "^7.6.7",

Problem

When using the NextIntlClientProvider in Storybook, static messages can be displayed, but rich and dynamic messages cannot be shown, and the following error appears:

initializeConfig-c503e215.js:74 Error: INVALID_MESSAGE: Cannot read properties of undefined (reading 'date')"

example

// hoge.stories.tsx

import jaMessages from '@messages/hoge/ja.json';
import { NextIntlClientProvider } from 'next-intl';

....

export const Default: Story = {
  args: {},
  decorators: [
    (Story) => {
      return (
        <NextIntlClientProvider locale='ja' messages={jaMessages}>
          <Story />
        </NextIntlClientProvider>
      );
    },
  ],
};

// ja.json

{
  "test": {
    "hoge": "hoge",
    "fuga": "fuga{value}"

...

// component.tsx

import { useTranslations } from 'next-intl';

const t = useTranslations('test');

console.log(t('hoge')); // it works.
console.log(t('fuga', {value: "value"})) // Error happens only when it runs in Storybook. in Next.js it works.

I can display static message, but I cannot display dynamic message

Of course in my next.js app, it works. Only when I use storybook, it happens. Thank you.

[t-aburasoba]

This is happened because of another library.... sorry