Console Warning: styled-components: it looks like an unknown prop "lineHeight"

[tevass]

Description

I started the prime setup as described in getting started in the documentation, but the warning below is returned, in the browser console

I noticed that when removing BaseStyles the warning is not returned

Additional context

I am using Vite to run the project.

My App.tsx

import { BaseStyles, ThemeProvider } from "@primer/react"

function App() {
  return (
    <ThemeProvider>
      <BaseStyles>
        <h1>Hello World</h1>
      </BaseStyles>
    </ThemeProvider>
  )
}

export default App

Steps to reproduce

1 - Create project with Vite 2 - Install @primer/react styled-components 3 - Add ThemeProvider and BaseStyles in App.tsx

Version

36.7.0

Browser

Chrome

[github-actions[bot]]

Uh oh! @tevass, the image you shared is missing helpful alt text. Check your issue body.

Alt text is an invisible description that helps screen readers describe images to blind or low-vision users. If you are using markdown to display images, add your alt text inside the brackets of the markdown image.

Learn more about alt text at Basic writing and formatting syntax: images on GitHub Docs.

[qmoya]

Downgrading styled-components to 5.3.11 fixed this issue for me.

[tevass]

Thanks!! I forgot to close the issue