[Bug]: @carbon/icons-react : icon import error

Package

@carbon/icons-react

Browser

Chrome

Package version

10.49.0 & 10.48.0

React version

17.0.2

Description

There is a problem that icons that do not require size specification (ex. status shap icon) are not imported properly.

Am I using it wrong?

import { CircleFillGlyph } from '@carbon/icons-react'

CodeSandbox example

https://codesandbox.io/s/github/carbon-design-system/carbon/tree/main/packages/react/examples/codesandbox?file=/src/index.js

Steps to reproduce

There is no error in the code above.

However, there is a problem that the import does not work properly in my current project.

This is my package.json dependencies

Code of Conduct

• I agree to follow this project’s Code of Conduct
• I checked the current issues for duplicate problems

[joshblack]

@JWLK ah okay, thanks so much for the link! It may be that this icon is unavailable in the types for the package that come from DefinitelyTyped. Unfortunately, the TypeScript types for this package are community-maintained and are not something that we support at the moment.

[joshblack]

Great questions, the latest for TypeScript will come up in this discussion: https://github.com/carbon-design-system/carbon/discussions/10752

At the moment, we definitely are relying on community contributions over in DefinitelyTyped. I believe that there is interest in maintaining TypeScript types in the future but there is no clear roadmap or plan for that at the moment.

Hope this helps!