Element type is invalid: expected a string (for built-in components)

[phstc]

Any examples of the authenticated chart working with Next.js/React?

I tried to follow the timeline-charts but I'm getting the error below:

Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

Check the render method of `ClientPageRoot`.

"use client";
import ChartsEmbedSDK from "@mongodb-js/charts-embed-dom";
import { useEffect, useRef } from "react";

export default function Page() {
  const containerRef = useRef(null);
  const sdk = new ChartsEmbedSDK({
    baseUrl: "https://charts.mongodb.com/charts-...",
  });

  useEffect(() => {
    const dashboard = sdk.createDashboard({
      dashboardId: "...",
    });

    if (containerRef.current) {
      dashboard.render(containerRef.current);
    }
  }, []);

  return <div ref={containerRef}></div>;
}