docs: fix "programmatic usage with custom transports" code snippet (#235)

README.md

@@ -157,15 +157,22 @@ X Y coordinate space, based on the provided screenshot.
 ### Programmatic usage with custom transports
 
 ```js
+import http from 'http';
+
 import { createServer } from '@playwright/mcp';
+import { SSEServerTransport } from '@modelcontextprotocol/sdk/server/sse.js';
+
+http.createServer(async (req, res) => {
+  // ...
 
-// ...
+  // Creates a headless Playwright MCP server with SSE transport
+  const mcpServer = await createServer({ headless: true });
+  const transport = new SSEServerTransport('/messages', res);
+  await mcpServer.connect(transport);
 
-const server = createServer({
-  launchOptions: { headless: true }
+  // ...
 });
-transport = new SSEServerTransport("/messages", res);
-server.connect(transport);
+
 ```
 
 <!--- Generated by update-readme.js -->