[Chip] TypeError: onClick is not a function

[SolodkyRoman]

Steps to reproduce

Steps:

1. Go to the official MUI Chip documentation.
2. Scroll to the “Basic Chip” example or open the CodeSandbox.
3. Click on Chip.
4. Open the browser’s console and observe the error (CodeSandbox example will crash the page).

Uncaught TypeError: onClick is not a function
    at onClick (Chip.js:482:1)

Current behavior

Clicking on Chip without an onClick prop causes a runtime error.

Expected behavior

If no onClick handler is provided, the component should not attempt to call it.

Context

No response

Your environment

No response

Search keywords: Chip

[siriwatknp]

diff --git a/packages/mui-material/src/Chip/Chip.js b/packages/mui-material/src/Chip/Chip.js
index 0bc4f799ac..26eb657aec 100644
--- a/packages/mui-material/src/Chip/Chip.js
+++ b/packages/mui-material/src/Chip/Chip.js
@@ -531,7 +531,7 @@ const Chip = React.forwardRef(function Chip(inProps, ref) {
       ...handlers,
       onClick: (event) => {
         handlers.onClick?.(event);
-        onClick(event);
+        onClick?.(event);
       },
       onKeyDown: (event) => {
         handlers.onKeyDown?.(event);

@sai6855 Can you work on this? please add a test too.

[koooge]

Hi there, it seems like it was introduced in 7.1.1.

[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.