Using TSS react with React 16 and Typescript 3

[MartinSchwarzmaier]

I have a project which is stuck on React 16 and TS 3.
Is there any way to use tss react with this setup?

I tried to use import { createMakeAndWithStyles } from "tss-react/compat";
However I am ending up with an error

./node_modules/tss-react/withStyles_compat.js
Module not found: Can't resolve 'react/jsx-runtime'

As I understand it this means I will have to upgrade to at least React 17?

Any help is appreciated.

[garronej]

Hi @MartinSchwarzmaier,
If you recreate a sandbox of your environment I'll try to make TSS work with it.

[MartinSchwarzmaier]

Hey @garronej ,
Thanks a lot for reaching out. I created a sandbox reflecting my setup here: https://codesandbox.io/s/currying-moon-d0nhjt
In App.tsx you can see the current way makeStyles is used in our app which i tried but failed to replace with tss makeStyles.

[garronej]

Thanks you,
Can you make it a clonable repo?
I need to be able to link TSS

[MartinSchwarzmaier]

Hey sure,
This is the generated repo: https://github.com/MartinSchwarzmaier/tss-make-style

[garronej]

@MartinSchwarzmaier tss-react 3.7.1 is now compatible with React 16.

[MartinSchwarzmaier]

@garronej Thank you so much, outstanding work 🚀!

[garronej]

@MartinSchwarzmaier you are welcome!

If you want to do a little something for me you can suggest my github username (garronej) to this program 😊.

Best,