Understanding JSX pragma

[iamskok]

What is the difference between /** @jsxImportSource theme-ui */ and /** @jsx jsx */? When should I use one over another?

I saw both of the instances being used in the documentation sx-prop.
`

[mrmartineau]

@iamskok they are actually explained in more detail here: https://theme-ui.com/api#jsx-runtime

Top line: use /** @jsxImportSource theme-ui */ if you use React's automatic JSX runtime, as explained in this blog post, otherwise use /** @jsx jsx */