Skip to content

[admin] TypeError: Cannot read properties of null (reading 'breakpoints') #80

@TBG-FR

Description

@TBG-FR

Starting the project "as is", without modifications to the admin module/part, I get a blank screen on http://localhost:3000/

react-dom.production.min.js:216 TypeError: Cannot read properties of null (reading 'breakpoints')
    at Button.js:48:22
    at c (useMediaQuery.js:19:50)
    at b (Button.js:47:20)
    at oi (react-dom.production.min.js:157:137)
    at Wc (react-dom.production.min.js:267:460)
    at kl (react-dom.production.min.js:250:347)
    at Sl (react-dom.production.min.js:250:278)
    at xl (react-dom.production.min.js:250:138)
    at bl (react-dom.production.min.js:243:163)
    at fl (react-dom.production.min.js:237:175)
cc @ react-dom.production.min.js:216
react-dom.production.min.js:216 TypeError: Cannot read properties of null (reading 'breakpoints')
    at AppBar.js:78:22
    at c (useMediaQuery.js:19:50)
    at Z (AppBar.js:77:20)
    at oi (react-dom.production.min.js:157:137)
    at Wc (react-dom.production.min.js:267:460)
    at kl (react-dom.production.min.js:250:347)
    at Sl (react-dom.production.min.js:250:278)
    at xl (react-dom.production.min.js:250:138)
    at bl (react-dom.production.min.js:243:163)
    at fl (react-dom.production.min.js:237:175)
cc @ react-dom.production.min.js:216
react-dom.production.min.js:216 TypeError: Cannot read properties of null (reading 'breakpoints')
    at Sidebar.js:36:22
    at c (useMediaQuery.js:19:50)
    at _ (Sidebar.js:35:20)
    at oi (react-dom.production.min.js:157:137)
    at Wc (react-dom.production.min.js:267:460)
    at kl (react-dom.production.min.js:250:347)
    at Sl (react-dom.production.min.js:250:278)
    at xl (react-dom.production.min.js:250:138)
    at bl (react-dom.production.min.js:243:163)
    at fl (react-dom.production.min.js:237:175)
cc @ react-dom.production.min.js:216
react-dom.production.min.js:216 TypeError: Cannot read properties of null (reading 'breakpoints')
    at Dashboard.js:31:15
    at c (useMediaQuery.js:19:50)
    at Mt (Dashboard.js:30:22)
    at oi (react-dom.production.min.js:157:137)
    at Wc (react-dom.production.min.js:267:460)
    at kl (react-dom.production.min.js:250:347)
    at Sl (react-dom.production.min.js:250:278)
    at xl (react-dom.production.min.js:250:138)
    at bl (react-dom.production.min.js:243:163)
    at fl (react-dom.production.min.js:237:175)
cc @ react-dom.production.min.js:216
react-dom.production.min.js:216 TypeError: Cannot read properties of null (reading 'breakpoints')
    at Button.js:48:22
    at c (useMediaQuery.js:19:50)
    at b (Button.js:47:20)
    at oi (react-dom.production.min.js:157:137)
    at Wc (react-dom.production.min.js:267:460)
    at kl (react-dom.production.min.js:250:347)
    at Sl (react-dom.production.min.js:250:278)
    at xl (react-dom.production.min.js:250:138)
    at bl (react-dom.production.min.js:243:163)
    at react-dom.production.min.js:123:115
cc @ react-dom.production.min.js:216
react-dom.production.min.js:216 TypeError: Cannot read properties of null (reading 'breakpoints')
    at AppBar.js:78:22
    at c (useMediaQuery.js:19:50)
    at Z (AppBar.js:77:20)
    at oi (react-dom.production.min.js:157:137)
    at Wc (react-dom.production.min.js:267:460)
    at kl (react-dom.production.min.js:250:347)
    at Sl (react-dom.production.min.js:250:278)
    at xl (react-dom.production.min.js:250:138)
    at bl (react-dom.production.min.js:243:163)
    at react-dom.production.min.js:123:115
cc @ react-dom.production.min.js:216
react-dom.production.min.js:216 TypeError: Cannot read properties of null (reading 'breakpoints')
    at Sidebar.js:36:22
    at c (useMediaQuery.js:19:50)
    at _ (Sidebar.js:35:20)
    at oi (react-dom.production.min.js:157:137)
    at Wc (react-dom.production.min.js:267:460)
    at kl (react-dom.production.min.js:250:347)
    at Sl (react-dom.production.min.js:250:278)
    at xl (react-dom.production.min.js:250:138)
    at bl (react-dom.production.min.js:243:163)
    at react-dom.production.min.js:123:115
cc @ react-dom.production.min.js:216
react-dom.production.min.js:123 Uncaught TypeError: Cannot read properties of null (reading 'breakpoints')
    at Button.js:48:22
    at c (useMediaQuery.js:19:50)
    at b (Button.js:47:20)
    at oi (react-dom.production.min.js:157:137)
    at Wc (react-dom.production.min.js:267:460)
    at kl (react-dom.production.min.js:250:347)
    at Sl (react-dom.production.min.js:250:278)
    at xl (react-dom.production.min.js:250:138)
    at bl (react-dom.production.min.js:243:163)
    at react-dom.production.min.js:123:115

I tried using the Dockerfile.dev under admin instead of Dockerfile (also editing the docker-compose.yml to fit the changes), and now I see a page with Network error when I try to login, but it's much better !

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions