babel-plugin-styled-components | Improve the debugging experience and add server-side rendering support to styled-components | Frontend Utils library

I have a newly created, near-empty next/react/fiber project, with a fiber Canvas. It throws the following warning every time I compile.

I'm trying to get a single line of anything from passed by props to render.

If nothing is passed or needed, then the MDX render outs. If props are passed and tried to be used, failure.

The only thing left on this site is getting MDX to actually render on build.

Running [Gatsby Dev] works, and the MDX file renders can use all props passed to it. Any attempt to [Gatsby Build] and it fails saying that it can't read undefined.

I've tried wrapping the render in a MDX provider, in a conditional statement that checks for the specific props first, but nothing works. Gatsby Build pretends like there are no props being passed at all.

POST TEMPLATE

When i install a new create-react-app and add babel-plugin-styled-components and add displayName option to babel-plugin-macros.config.js it isn't adding readable classNames as in the documentation -> https://styled-components.com/docs/tooling#babel-macro.

Here is a repo with the configurations https://github.com/Futekov3216/CRA.git

P.S i dont want to eject

I'm trying to use Styled Components and have full classNames in development. It can be done with babel-plugin-styled-components and displayName: true, but my setting is not working.

Does anyone have any idea what am I doing wrong?

Thanks 🙏

I have to use React 18 for Suspense in a three.js/next/ts project (I have tried using next/dynamic and it does not work).

So I installed it and updated everything according to Next's docs:

1. Added experimental: { runtime: 'nodejs' } to the next.config.js file
2. Updated tsconfig.json with "types": ["react/next", "react-dom/next"]

And I am still getting the following error:

error - ./node_modules/styled-components/dist/styled-components.browser.esm.js:1:1087 Module not found: Can't resolve 'process'

Here is a snippet of my package.json file:

I'am moving my react apps into docker, I am working in legacy project and we have multiple react apps. We are attaching script with react apps in script tags on every page whose need to use this files. For docker we want to use Express to serve our files. Is there any way to run multiple watch commands ?

here is my package.json file:

I am building a React app well technically preact but on the build it fails on the current code:

This is what the "helper class" looks like:

Reproducible repo: https://github.com/hutber/cannotusestatement

What is more worrying is: https://codesandbox.io/s/vigilant-bartik-bmz8x in the sandbox the tests pass. However if you checkout the above repo, which was imported into this sandbox it will not pass locally.

I have no doubt that the issue is my jest does not compile the node_modules that would be needed for running my tests. But I am at a loss now on how to get it working.

I would simply like to be able to run the tests. They do not run currently

I currently have Gatsby installed on version 4, but I wanted to "downgrade" it to version 3, and all dependencies to be compatible with version 3.

Is there any method to "downgrade" everything to the most up-to-date V3 version?

My package.json