Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

mui.com documentation imploded "Cannot read properties of undefined (reading 'type')" #30562

Closed
2 tasks done
AlbinoGeek opened this issue Jan 10, 2022 · 24 comments
Closed
2 tasks done
Labels
docs Improvements or additions to the documentation

Comments

@AlbinoGeek
Copy link

AlbinoGeek commented Jan 10, 2022

Probably reported to the wrong place, for that I apologize.

Duplicates

  • I have searched the existing issues

Latest version

  • I have tested the latest version

Current behavior 😯

https://mui.com/components/text-fields/#main-content implodes.

image

Expected behavior 🤔

It was working half an hour ago.

Steps to reproduce 🕹

Steps:

  1. Go to https://mui.com/components/text-fields/#main-content
  2. Wait until hydration begins.
  3. Observe error

Context 🔦

No response

Your environment 🌎

`Browser` `Google Chrome Version 96.0.4664.45 (Official Build) (64-bit)`
`OS` `Fedora 34 (Thirty Four) with kernel 5.14.18-200.fc34.x86_64 #1 SMP Fri Nov 12 16:48:10 UTC 2021`
@AlbinoGeek AlbinoGeek added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Jan 10, 2022
@AlbinoGeek AlbinoGeek changed the title The docs just imploded mui.com documentation imploded "Cannot read properties of undefined (reading 'type')" Jan 10, 2022
@AlbinoGeek
Copy link
Author

This appears to have now been fixed. I wonder what happened?

@rhettl
Copy link

rhettl commented Jan 20, 2022

I am still getting this error, but on anything involving DataGrid, ex: https://mui.com/components/data-grid/columns/

MacOS 11.6
Chrome 97.0.4692.71

@AlbinoGeek
Copy link
Author

Reopened as the issue has come back, and I'm not the only person with it.

@AlbinoGeek AlbinoGeek reopened this Jan 21, 2022
@mnajdova
Copy link
Member

@DanailH could you check? I cannot repro on Windows.

@mnajdova mnajdova added the docs Improvements or additions to the documentation label Jan 24, 2022
@AlbinoGeek
Copy link
Author

AlbinoGeek commented Jan 24, 2022 via email

@michaldudak
Copy link
Member

@AlbinoGeek does it still occur for you? I wasn't able to reproduce it even once. Make sure to clear your browser's cache and storage.

@rhettl
Copy link

rhettl commented Feb 8, 2022

It no longer happens to me. If it happens again, I will try that before re-engaging.

@AlbinoGeek
Copy link
Author

AlbinoGeek commented Feb 8, 2022 via email

@danilo-leal danilo-leal removed the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Mar 11, 2022
@AlbinoGeek
Copy link
Author

Continues to be reproducible on Data Tables and Material Icons pages.

@michaldudak
Copy link
Member

It seems to be specific to your setup. I was not able to reproduce the issue, nor I have seen any other reports outside of this issue. If you're willing to dive deeper and debug the problem, we'll be glad to accept a fix.

@AlbinoGeek
Copy link
Author

AlbinoGeek commented Mar 23, 2022 via email

@michaldudak
Copy link
Member

Stack traces should be more readable if you run the docs site from sources: clone the repo and run yarn start in the root of the working copy.

@AlbinoGeek
Copy link
Author

AlbinoGeek commented Mar 23, 2022 via email

@michaldudak
Copy link
Member

It works fine on both Chrome and Edge for me, even with cache disabled and on the 'Slow 3G' profile.
I'm using Windows, though.

@AlbinoGeek
Copy link
Author

AlbinoGeek commented Mar 23, 2022 via email

@Ihor999
Copy link

Ihor999 commented Oct 28, 2022

datagrid version 5.17.8 still has the error
steps to reproduce

  1. place datagrid on a page
  2. place datagrid on the same page inside dialog
  3. open dialog and click on datagrid row

image

as a result publishClick** event fired twice for both datagrids but second event can't find column.

Any thoughts why event rowClick event fired twice for both datagrids?

@AlbinoGeek
Copy link
Author

AlbinoGeek commented Oct 28, 2022 via email

@yelodevopsi
Copy link

datagrid version 5.17.8 still has the error steps to reproduce

  1. place datagrid on a page
  2. place datagrid on the same page inside dialog
  3. open dialog and click on datagrid row

image

as a result publishClick** event fired twice for both datagrids but second event can't find column.

Any thoughts why event rowClick event fired twice for both datagrids?

This is more or less the exact setup I have too. When opening a Dialog with another DataGrid inside the column.type check fails

@michaldudak
Copy link
Member

@rompeldunk For problems with DataGrid please open an issue in the https://github.com/mui/mui-x repo.

@AlbinoGeek I still cannot reproduce the issue. I installed Dark Reader, turned on Slow 3G emulation, went to https://mui.com/material-ui/material-icons, and started to type in the search box while the page was still loading. The search didn't work at first, but there were no crashes.

In the console, the only error I got was from ads:

carbon.js?serve=CKYIL27L&placement=material-uicom:1 Uncaught TypeError: Cannot read properties of null (reading 'src')
    at Object.getUrlVar (carbon.js?serve=CKYIL27L&placement=material-uicom:1:9144)

but it didn't cause any visible problems on the site.

cc @mui/core Perhaps someone else will be able to reproduce it.

@boldurean
Copy link

boldurean commented Nov 29, 2022

datagrid version 5.17.8 still has the error steps to reproduce

  1. place datagrid on a page
  2. place datagrid on the same page inside dialog
  3. open dialog and click on datagrid row

image
as a result publishClick** event fired twice for both datagrids but second event can't find column.
Any thoughts why event rowClick event fired twice for both datagrids?

This is more or less the exact setup I have too. When opening a Dialog with another DataGrid inside the column.type check fails

Make sure you don't have a cicle dependencies in your code. As this was exactly what happened to me. It clicks cicle twice instead of one time.

@NeelDigonto
Copy link

NeelDigonto commented Dec 1, 2022

datagrid version 5.17.8 still has the error steps to reproduce

  1. place datagrid on a page
  2. place datagrid on the same page inside dialog
  3. open dialog and click on datagrid row

image
as a result publishClick** event fired twice for both datagrids but second event can't find column.
Any thoughts why event rowClick event fired twice for both datagrids?

This is more or less the exact setup I have too. When opening a Dialog with another DataGrid inside the column.type check fails

Make sure you don't have a cicle dependencies in your code. As this was exactly what happened to me. It clicks cicle twice instead of one time.

Can you explain a bit more? This same issue is bugging me, and I don't seem to get a solution from Google.

@peter-hg
Copy link

peter-hg commented Feb 1, 2023

datagrid version 5.17.8 still has the error steps to reproduce

  1. place datagrid on a page
  2. place datagrid on the same page inside dialog
  3. open dialog and click on datagrid row

image
as a result publishClick** event fired twice for both datagrids but second event can't find column.
Any thoughts why event rowClick event fired twice for both datagrids?

This is more or less the exact setup I have too. When opening a Dialog with another DataGrid inside the column.type check fails

Make sure you don't have a cicle dependencies in your code. As this was exactly what happened to me. It clicks cicle twice instead of one time.

Can you explain a bit more? This same issue is bugging me, and I don't seem to get a solution from Google.

Adding e.stopPropagation() to the click handler fixed it for me.

@Luif3rch
Copy link

today this type error happens a lot when you have a table inside a dialog and you are passing data as libraries like reactquery.

@AddisonGm
Copy link

I'm stuck with this error... any update @AlbinoGeek?
It's happening when data grid table is rendered

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
docs Improvements or additions to the documentation
Projects
None yet
Development

No branches or pull requests