Strict tokens with JSX elements

[cgatian]

When I use the box pattern from /styled-system/patterns, strict-tokens works and warn's about incorrect usage.

  <div
   className={box({
   color: 'blue', // Warns blue is not a valid token
   })}></div>

However, if I import the JSX version of the pattern, I lose type safety.

<Box color='blue'>Test</Box>

Is this expected? Did I miss something in my configuration?

---

Edit it may be something in my configuration. When I try to use a styled component it fails.

       <styled.button>TEST</styled.button>

[cgatian]

Figured it out.

The styled-system package in my monorepo did not declare types for @types/react and @types/react-dom. The panda code gen then didn't properly emit the correct types for the consuming app.