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.

0.5.0-alpha.1 - Property 'sx' does not exist on type 'IntrinsicAttributes & ...

See original GitHub issue

Since upgrading 0.5.0-alpha.1, I see this error on external(non-theme-ui) components

Property 'sx' does not exist on type 'IntrinsicAttributes & ...

example:

https://github.com/ccontrols/component-controls/blob/0335fb94440b8dc67a4b00c7db0560a2f42947aa/ui/components/src/CopyContainer/CopyContainer.tsx#L30

Issue Analytics

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

Top GitHub Comments

5reactions

hasparuscommented, Nov 29, 2020

import {} from 'react'
import { ThemeUIStyleObject } from 'theme-ui'

declare module 'react' {
  interface Attributes {
    sx?: ThemeUIStyleObject
  }
}

I’m wondering if we should add a snippet above in one easy to import file to allow users to opt-in to global sx prop with a one-liner. @atanasster @dcastil, what do you think?

1reaction

atanasstercommented, Nov 30, 2020

just a note, I was unable to quickly move to the new sx props as more issues came about - before this change even if a component did not declare a sx prop, it was automagically applied.

For now, I am re-declaring the global sx and was able to upgrade and give more testing to 0.5.0 in the coming days. I will try to also track down one by one the issues to eventually remove the global sx.