WebStorm (IntelliJ, JetBrains) shows 'unused constant' warning even when constant is being used in TSX

Question

I use Styled Components with Emotion and issue a "Unused Constant" alert, even though I actually use the constants defined above when I use them right below.

This is not a warning from ESLint, but a warning issued directly by JetBrains IDE. The Styled Components plug-in is already in use, and if disabled, only the color of the CSS part will be lost. If you use files separately, it is recognized as using a constant. also I've tried to erase the cache and restart it several times.

I want to solve this problem.

"use client"
import styled from "@emotion/styled"

const Container = styled.div`
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100dvh;
  width: 100%;
`

export default function Home() {
  return (
    <Container>
      <h1>Hello World</h1>
    </Container>
  )
}

What IDE looks like:

What IDE looks like

If you separate the file:

If you separate the file

Bas Leijdekkers · Accepted Answer · 2025-09-09 10:27:11Z

0

This looks like it is this bug: https://youtrack.jetbrains.com/issue/WEB-66795

Please vote for it.

answered Sep 9 at 10:27

Bas Leijdekkers

27.2k5 gold badges81 silver badges78 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

WebStorm (IntelliJ, JetBrains) shows 'unused constant' warning even when constant is being used in TSX

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related