[charts] undefined type zoom

[tanjiarui]

Steps to reproduce

Link to live example: (required)
https://codesandbox.io/embed/86q369?module=/src/Demo.tsx&fontsize=12

Current behavior

in fact, the zoom feature is working well, but a type error is always there. is there a way to eliminate this error?

Expected behavior

No response

Context

No response

Your environment

npx @mui/envinfo

  System:
    OS: Linux 6.8 Ubuntu 22.04.5 LTS 22.04.5 LTS (Jammy Jellyfish)
  Binaries:
    Node: 20.11.1 - /usr/local/bin/node
    npm: 10.9.0 - /usr/local/bin/npm
    pnpm: Not Found
  Browsers:
    Chrome: edge
  npmPackages:
    @emotion/react: ^11.13.3 => 11.13.3 
    @emotion/styled: ^11.13.0 => 11.13.0 
    @mui/core-downloads-tracker:  6.1.6 
    @mui/icons-material: ^6.1.1 => 6.1.1 
    @mui/material: ^6.1.6 => 6.1.6 
    @mui/private-theming:  6.1.6 
    @mui/styled-engine:  6.1.6 
    @mui/system:  6.1.6 
    @mui/types:  7.2.19 
    @mui/utils:  6.1.6 
    @mui/x-charts:  7.22.2 
    @mui/x-charts-pro: ^7.0.0-beta.6 => 7.0.0-beta.7 
    @mui/x-charts-vendor:  7.20.0 
    @mui/x-data-grid:  7.18.0 
    @mui/x-data-grid-premium: ^7.18.0 => 7.18.0 
    @mui/x-data-grid-pro:  7.18.0 
    @mui/x-date-pickers:  7.22.1 
    @mui/x-date-pickers-pro: ^7.22.1 => 7.22.1 
    @mui/x-internals:  7.18.0 
    @mui/x-license:  7.18.0 
    @types/react: ^18.3.3 => 18.3.10 
    react: ^18.3.1 => 18.3.1 
    react-dom: ^18.3.1 => 18.3.1 
    typescript: ^5.5.3 => 5.6.2 

node ts config

{
  "compilerOptions": {
	"target": "ES2022",
	"lib": [
	  "ES2023"
	],
	"module": "ESNext",
	"skipLibCheck": true,
	/* Bundler mode */
	"moduleResolution": "bundler",
	"allowImportingTsExtensions": true,
	"isolatedModules": true,
	"moduleDetection": "force",
	"noEmit": true,
	/* Linting */
	"strict": true,
	"noUnusedLocals": true,
	"noUnusedParameters": true,
	"noFallthroughCasesInSwitch": true
  },
  "include": [
	"vite.config.ts"
  ]
}

app ts config

{
  "compilerOptions": {
	"target": "ES2020",
	"useDefineForClassFields": true,
	"lib": [
	  "ES2020",
	  "DOM",
	  "DOM.Iterable"
	],
	"module": "ESNext",
	"skipLibCheck": true,
	/* Bundler mode */
	"moduleResolution": "bundler",
	"allowImportingTsExtensions": true,
	"isolatedModules": true,
	"moduleDetection": "force",
	"noEmit": true,
	"jsx": "react-jsx",
	/* Linting */
	"strict": true,
	"noUnusedLocals": true,
	"noUnusedParameters": true,
	"noFallthroughCasesInSwitch": true
  },
  "include": [
	"src"
  ]
}

Search keywords: zoom

[alexfauquette]

Yes, that's because we forgot a type overload import. You can already fix it with

import {} from "@mui/x-charts-pro/typeOverloads";

[michelengelen]

@alexfauquette is there a PR that fixed this we can link here? I see that the error does not show with intellisense anymore

[alexfauquette]

Fixed by #15400

[github-actions]

This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

Note

@tanjiarui How did we do? Your experience with our support team matters to us. If you have a moment, please share your thoughts in this short Support Satisfaction survey.