client code can't execute inside browser due to import spawn

[scastria]

I am trying to get metadata from a remote MCP server via listTools inside a NextJS webapp client side. Because it is client side, to my understanding, some features are not available, like child_process. Simply importing the main client from this sdk, I get an error complaining about module not found child_process. This is due to the this sdk trying to import spawn from "cross-spawn"; which seems to be only needed for the StdioClientTransport which I am not using.

I am hoping that the importing of spawn can be done elsewhere so that is is done ONLY when actually used.

[scastria]

Here is the stacktrace in the browser console:

Uncaught Error: ./node_modules/cross-spawn/index.js:3:12
Module not found: Can't resolve 'child_process'
  1 | 'use strict';
  2 |
> 3 | const cp = require('child_process');
    |            ^^^^^^^^^^^^^^^^^^^^^^^^
  4 | const parse = require('./lib/parse');
  5 | const enoent = require('./lib/enoent');
  6 |



Import traces:
  Client Component Browser:
    ./node_modules/cross-spawn/index.js [Client Component Browser]
    ./node_modules/@modelcontextprotocol/client/dist/index.mjs [Client Component Browser]
    ./src/components/mcpToolSidebar.jsx [Client Component Browser]
    ./src/components/mcpToolSidebar.jsx [Server Component]
    ./src/app/mcps/tools/page.jsx [Server Component]

  Client Component SSR:
    ./node_modules/cross-spawn/index.js [Client Component SSR]
    ./node_modules/@modelcontextprotocol/client/dist/index.mjs [Client Component SSR]
    ./src/components/mcpToolSidebar.jsx [Client Component SSR]
    ./src/components/mcpToolSidebar.jsx [Server Component]
    ./src/app/mcps/tools/page.jsx [Server Component]

https://nextjs.org/docs/messages/module-not-found