Cannot load a basic STDIO MCP server (JS) in claude desktop

Hi,

I have a basic STDIO server written in JS.
The file begins as follows:

import { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js";
import { StdioServerTransport } from "@modelcontextprotocol/sdk/server/stdio.js";
import { z } from "zod";
import { chromium } from "playwright";
import fs from "fs";
import path from "path";
import babel from '@babel/core';
import presetEnv from '@babel/preset-env';
import { fileURLToPath } from 'url';

....
....
console.log('Starting server...');

But when I load it into Claude using this config:

{
	"mcpServers": {
		"pageAnalyzer": {			
			"command": "node",
      		"args": [
        		"/Users/benbracha/workspace/evinced/mcp-servers/page-analyzer-mcp-server/src/server.js"
        	]      		
		}	  
	}
}

I get the following error in Claude logs:

import { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js";
       ^

SyntaxError: Unexpected token {

Mind that running it in MCP Inspector v0.10.2 it just works....

Start with the Claude MCP configuration and the referenced src/server.js entry point, then compare how the same server is launched by MCP Inspector v0.10.2. Reproduce the syntax error with the logged node command and determine why Claude cannot load the shown ES module imports; done means the basic STDIO server loads in Claude without the syntax error.