title attribute cannot recognize typescript type

[lizhongyue248]

In my case, I try to use title attribute.

      <EChart
        title={{
          text: "My chart"
        }}
       // ...

I will get type error

And replact to string

      <EChart
        title={"My chart"}

How do I fix the issue in my Typescript code ?

The tsconfig file

{
  "compilerOptions": {
    /* Base Options: */
    "esModuleInterop": true,
    "skipLibCheck": true,
    "target": "es2022",
    "allowJs": true,
    "resolveJsonModule": true,
    "moduleDetection": "force",
    "isolatedModules": true,

    /* Strictness */
    "strict": true,
    "noUncheckedIndexedAccess": true,
    "checkJs": true,

    /* Bundled projects */
    "lib": ["dom", "dom.iterable", "ES2022"],
    "noEmit": true,
    "module": "ESNext",
    "moduleResolution": "Bundler",
    "jsx": "preserve",
    "plugins": [{ "name": "next" }],
    "incremental": true,

    /* Path Aliases */
    "baseUrl": ".",
    "paths": {
      "~/*": ["./src/*"]
    }
  },
  "include": [
    ".eslintrc.cjs",
    "next-env.d.ts",
    "**/*.ts",
    "**/*.tsx",
    "**/*.cjs",
    "**/*.js",
    ".next/types/**/*.ts"
  ],
  "exclude": ["node_modules"]
}

[lizhongyue248]

By the way, when I set the title property, it works fine.

[mattsbennett]

Workaround:

        title={
          {
            text: "Title",
          } as TitleOption & string
        }

[hugocxl]

Fixed in v1.2.2