Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Cannot use Chip

See original GitHub issue

Duplicates

I have searched the existing issues

Latest version

I have tested the latest version

Current behavior 😯

Uncaught TypeError: Cannot read properties of undefined (reading ‘text’) at push…/node_modules/@mui/material/Chip/Chip.js.ChipRoot.theme.theme

Expected behavior 🤔

see CHIP element

Steps to reproduce 🕹

Steps:

Install mui
Import import Chip from ‘@mui/material/Chip’ in react App
use <Chip/> while rendering React element

Context 🔦

I want to use in my App Chip element while either modal opens or simply on main page

Your environment 🌎

`npx @mui/envinfo`

System: OS: Windows 10 10.0.19043 CPU: (6) x64 Intel(R) Core(TM) i5-9600K CPU @ 3.70GHz Memory: 5.58 GB / 31.92 GB Binaries: Node: 16.13.0 - C:\Program Files\nodejs\node.EXE npm: 8.1.0 - C:\Program Files\nodejs\npm.CMD Managers: pip3: 21.3.1 - C:\Program Files\Python310\Scripts\pip3.EXE Utilities: Git: 2.33.1. IDEs: VSCode: 1.62.2 - C:\Users\marsi\AppData\Local\Programs\Microsoft VS Code\bin\code.CMD Languages: Python: 3.10.0 Browsers: Edge: Spartan (44.19041.1266.0), Chromium (96.0.1054.29) Internet Explorer: 11.0.19041.1202 ``` Used Chrome Don't forget to mention which browser you used. Output from `npx @mui/envinfo` goes here. ```

Issue Analytics

State:
Created 2 years ago
Comments:5 (3 by maintainers)

Top GitHub Comments

1reaction

hbjORbjcommented, Nov 25, 2021

It is because you are not rendering anything in index.tsx in your codesandbox. Insert your ChipSet component inside Demo and replace your index.tsx with the following:

import * as React from "react";
import ReactDOM from "react-dom";
import Demo from "./Demo";

const rootElement = document.getElementById("root");
ReactDOM.render(
  <React.StrictMode>
    <Demo />
  </React.StrictMode>,
  rootElement
);

0reactions

marsidorowiczcommented, Nov 24, 2021

For me it gives in codesandbox no result using react

pon., 22 lis 2021 o 15:52 Benny Joo @.***> napisał(a):

Closed #29827 https://github.com/mui-org/material-ui/issues/29827.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/mui-org/material-ui/issues/29827#event-5654543755, or unsubscribe https://github.com/notifications/unsubscribe-auth/AI2CRFJ5FSSRUXDAPCGIBN3UNJKKZANCNFSM5IQOLKIQ . Triage notifications on the go with GitHub Mobile for iOS https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675 or Android https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub.

– Best regards! / Z poważaniem. Mariusz Sidorowicz.