[docs] Snackbar, control Slide direction. Type of property `children` are incompatible

[kasir-barati]

Duplicates

• [X] I have searched the existing issues

Related page

https://mui.com/material-ui/react-snackbar/#control-slide-direction

Kind of issue

Broken demonstration

Issue description

I was looking for "Control Slide direction" and it appears that Types of property 'children' are incompatible. Here is the my working env conf:

• uname -a: Linux kasir-lifebooke736 6.1.19-1-MANJARO #1 SMP PREEMPT_DYNAMIC Mon Mar 13 12:59:35 UTC 2023 x86_64 GNU/Linux
• node -v: v19.7.0
• npm -v: 9.5.0
• pnpm -v: 7.29.0
• "react": "^18.2.0"
• "@emotion/react": "^11.10.6",
• "@emotion/styled": "^11.10.6",
• "@mui/icons-material": "^5.11.16",
• "@mui/material": "^5.11.16",

And here is the complete error:

Type '{ direction: "right"; appear?: boolean; enter?: boolean; exit?: boolean; timeout?: number | { appear?: number; enter?: number; exit?: number; } | { appear?: number; enter?: number; exit?: number; }; in?: boolean; ... 270 more ...; onTransitionEndCapture?: TransitionEventHandler<...>; }' is not assignable to type 'SlideProps'.
  Types of property 'children' are incompatible.
    Type 'ReactNode' is not assignable to type 'ReactElement<any, any>'.
      Type 'string' is not assignable to type 'ReactElement<any, any>'.ts(2322)

Context 🔦

I was using snackbars and transitions without problem in the browser (pnpm dev), but VSCode shows me this error.

[siriwatknp]

Would be great if you can share a CodeSandbox so that we are on the same page.

[kasir-barati]

Would be great if you can share a CodeSandbox so that we are on the same page.

TBH I do have a repo and I am not sure if it can help you: https://github.com/kasir-barati/open-ai-summaries