Passing date object from server component triggers warning #162

kieranm · 2023-01-06T22:24:20Z

kieranm
Jan 6, 2023

Hi all,
I've set up the NextIntlServerProvider as directed by the docs

const LocaleLayout: React.FC = (props) => {
  const { children, session, params } = props as RootLayoutProps
  const now = DateTime.utc()
  ...

  return (
    <html lang={params.locale}>
      <head />
      <body className="bg-background">
        <StrictMode>
          <NextIntlServerProvider
            locale={params.locale}
            timeZone={timeZone.effective}
            now={now.toJSDate()}
          >
              {children}
            </Providers>
        </StrictMode>
      </body>
    </html>
  )
}

export default RootLayout

However, this results in the following warning...

Warning: Only plain objects can be passed to Client Components from Server Components. Date objects are not supported.
  {locale: "fr", now: Date, timeZone: ...}
                      ^^^^

Is this a bug, or am I doing something wrong? Thanks!

amannn · 2023-01-09T09:21:50Z

amannn
Jan 9, 2023
Maintainer

Thanks for pointing this out, this is correct! Probably this will be resolved upstream in the future: facebook/react#25687

Maybe, at least for the period until RSC becomes stable, we could support passing a timestamp number as now, I've added this to my list in #149.

Thanks again for the report!

1 reply

amannn Jan 9, 2023
Maintainer

The latest iteration of the RSC integration no longer has this issue: #149 (comment)

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

Passing date object from server component triggers warning #162

Uh oh!

{{title}}

Uh oh!

Replies: 1 comment 1 reply

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Uh oh!

Passing date object from server component triggers warning #162

Uh oh!

kieranm Jan 6, 2023

Replies: 1 comment · 1 reply

Uh oh!

amannn Jan 9, 2023 Maintainer

Uh oh!

amannn Jan 9, 2023 Maintainer

kieranm
Jan 6, 2023

Replies: 1 comment 1 reply

amannn
Jan 9, 2023
Maintainer

amannn Jan 9, 2023
Maintainer