Registering style tokens from Next to Plasmic

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

According to your doc ( 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
// <>
// 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
// <>

PLASMIC.registerComponent(CodeComponent, {
  name: "CodeComponent",
  props: {
    children: "slot",
  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>