can't use with @vitejs/plugin-react

[shlroland]

#6 same issue

[itsMapleLeaf]

Can you share the error messages you're getting, if any?

[quolpr]

You can enable babel macros for react with this code:

    react({
      babel: {
        plugins: ['babel-plugin-macros']
      },
    }),

[pedrosimao]

You can enable babel macros for react with this code:

    react({
      babel: {
        plugins: ['babel-plugin-macros']
      },
    }),

This works for me, but Jest tests will fail while using emotion styled function for example:

TypeError: (0 , macro_1.default) is not a function

Any ideas on how to fix this?

[itsMapleLeaf]

You can enable babel macros for react with this code:

    react({
      babel: {
        plugins: ['babel-plugin-macros']
      },
    }),

This works for me, but Jest tests will fail while using emotion styled function for example:

TypeError: (0 , macro_1.default) is not a function

Any ideas on how to fix this?

I would recommend switching to Vitest https://vitest.dev/

Either way, this issue is veering off topic and doesn't have sufficient information or a reproduction, so I'm closing it

[fpigeonjr]

You can enable babel macros for react with this code:

    react({
      babel: {
        plugins: ['babel-plugin-macros']
      },
    }),

Confirmed, this worked for me as well.
Wonder why this isn't documented in the README?

[itsMapleLeaf]

You can enable babel macros for react with this code:

    react({
      babel: {
        plugins: ['babel-plugin-macros']
      },
    }),

Confirmed, this worked for me as well. Wonder why this isn't documented in the README?

Because no one suggested to do so! 😅 I'll go ahead and take care of that

[fpigeonjr]

🥇thanks @itsMapleLeaf that would be helpful as it took me awhile to find this. It would be nice to have an example of how to setup for React based projects.