Unable to import MsgPayFor from @nillion/client/proto

[jdeepee]

I am integrating with the new changes to the JS client and seeing the following error:

SyntaxError: The requested module '/node_modules/@nillion/client/dist/proto.js?v=2d8e7844' does not provide an export named 'MsgPayFor' (at wallet.ts:4:10)

We are using a different build system compared to the webpack code seen in the Nillion-CRA repo. We are using vite with the following config:

import { defineConfig, loadEnv } from "vite";
import { resolve } from "path";
import preact from "@preact/preset-vite";
import cssInjectedByJsPlugin from "vite-plugin-css-injected-by-js";
import dotenv from 'dotenv';

dotenv.config();

export default defineConfig( ({mode}) => {
  const env = loadEnv(mode, process.cwd());
  
  return {
    define: {
      __APP_ENV__: env.APP_ENV,
    },
    plugins: [
      preact({
        babel: {
          plugins: [
            ["@babel/plugin-proposal-decorators", { legacy: true }],
            ["@babel/plugin-proposal-class-properties"],
          ],
        },
      }),
      ,
      cssInjectedByJsPlugin(),
    ],
    optimizeDeps: {
      exclude: ["@nillion/client"],
      esbuildOptions: {
        tsconfigRaw: {
          compilerOptions: {
            experimentalDecorators: true,
          },
        },
      },
    },
    build: {
      lib: {
        entry: resolve(__dirname, "./src/main.ts"),
        name: "Main",
        fileName: "main",
      },
    },
    server: {
      headers: {
        'Cross-Origin-Embedder-Policy': 'require-corp',
        'Cross-Origin-Opener-Policy': 'same-origin',
      }
    }
  }
});

tsconfig.json is as follows:

{
  "extends": "@tsconfig/recommended",
  "compilerOptions": {
    "lib": [
      "dom",
      "dom.iterable",
      "esnext"
    ],
    "jsx": "react",
    "module": "NodeNext",
    "moduleResolution": "NodeNext"
  },
  "include": [
    "src"
  ]
}

[crypblizz8]

Still need help with this @jdeepee ?