Nextjs @vercel/analytics/react to next

Migrates @vercel/analytics/react to @vercel/analytics/next

For more information please refer to Vercel Analytics Quickstart.

This is useful if you are seeing the following error in your Vercel Analytics Dashboard:

No route data found. If you have not already, please upgrade to the latest version of @vercel/analytics

Before

import { Analytics } from '@vercel/analytics/react';
 
export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang="en">
      <head>
        <title>Next.js</title>
      </head>
      <body>
        {children}
        <Analytics />
      </body>
    </html>
  );
}

After

import { Analytics } from '@vercel/analytics/next';
 
export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang="en">
      <head>
        <title>Next.js</title>
      </head>
      <body>
        {children}
        <Analytics />
      </body>
    </html>
  );
}