Registering style tokens from Next to Plasmic

Issues
#1

Hi I’m testing Plasmic with NextJS everything working so far except for registering style token from Next to Plasmic.

According to your doc (https://docs.plasmic.app/learn/registering-tokens/) we should use the registerToken function but where should we execute this function ?

I’ve tried to add to app/layout.tsx and plasmic-init-client.tsx without any luck:

"use client";

import { CodeComponent } from "@/components/CodeComponent";
import { PLASMIC } from "@/plasmic-init";
import { PlasmicRootProvider } from "@plasmicapp/loader-nextjs";

// You can register any code components that you want to use here; see
// <https://docs.plasmic.app/learn/code-components-ref/>
// And configure your Plasmic project to use the host url pointing at
// the /plasmic-host page of your nextjs app (for example,
// <http://localhost:3000/plasmic-host>).  See
// <https://docs.plasmic.app/learn/app-hosting/#set-a-plasmic-project-to-use-your-app-host>

PLASMIC.registerComponent(CodeComponent, {
  name: "CodeComponent",
  props: {
    children: "slot",
  },
});
PLASMIC.registerToken({
  displayName: "Next Blue",
  name: 'plasmic-token-blue',
  value: '#0048ff',
  type: 'color'
});
export function PlasmicClientRootProvider(
  props: Omit<React.ComponentProps<typeof PlasmicRootProvider>, "loader">
) {
  return (
    <PlasmicRootProvider loader={PLASMIC} {...props}></PlasmicRootProvider>
  );
}