Error OpenAI Node.js Overloads when using GPT-4V

I am getting this error when using GPT-4V with openai on node.js:

Overload 1 of 3, '(body: ChatCompletionCreateParamsNonStreaming, options?: RequestOptions<Record<string, unknown> | Readable> | undefined): APIPromise<...>', gave the following error.
    Type 'string' has no properties in common with type 'ImageURL'.
  Overload 2 of 3, '(body: ChatCompletionCreateParamsStreaming, options?: RequestOptions<Record<string, unknown> | Readable> | undefined): APIPromise<...>', gave the following error.
    Type 'string' has no properties in common with type 'ImageURL'.
  Overload 3 of 3, '(body: ChatCompletionCreateParamsBase, options?: RequestOptions<Record<string, unknown> | Readable> | undefined): APIPromise<...>', gave the following error.
    Type 'string' has no properties in common with type 'ImageURL'.

This is my code:

const response = await openai.chat.completions.create({
    model: "gpt-4-vision-preview",
    max_tokens: 4096,
    temperature: 0,
    messages: [
      {
        role: "system",
        content: "..."
      },
      {
        role: "user",
        content: [
          { type: "text", text: "..." },
          {
            type: "image_url",
            image_url: `${url}`,
          },
        ],
      },
    ],
  });

According to the latest docs, this is how image_url should be passed:

import OpenAI from "openai";

const openai = new OpenAI();

async function main() {
  const response = await openai.chat.completions.create({
    model: "gpt-4-vision-preview",
    messages: [
      {
        role: "user",
        content: [
          { type: "text", text: "What’s in this image?" },
          {
            type: "image_url",
            image_url: {
              "url": "https://upload.wikimedia.org/wikipedia/commons/thumb/d/dd/Gfp-wisconsin-madison-the-nature-boardwalk.jpg/2560px-Gfp-wisconsin-madison-the-nature-boardwalk.jpg",
            },
          },
        ],
      },
    ],
  });
  console.log(response.choices[0]);
}
main();