Tailwind install error on React Dependency in Hydrogen

Technical Q&A
1

Do I need to downgrade my version of React?

I’m getting the following error trying to init Tailwind in the Hydrogen local environment:

npx tailwindcss init
Debugger attached.
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: [email removed]
npm WARN Found: [email removed]
npm WARN node_modules/react
npm WARN peer [email removed] || ^17 || ^18” from @headlessui/[email removed]
npm WARN node_modules/@headlessui/react
npm WARN @headlessui/[email removed] from the root project
npm WARN 15 more (@remix-run/eslint-config, @remix-run/react, …)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer [email removed] from [email removed]
npm WARN node_modules/ink/node_modules/react-reconciler
npm WARN [email removed] from [email removed]
npm WARN node_modules/ink
npm WARN
npm WARN Conflicting peer dependency: [email removed]
npm WARN node_modules/react
npm WARN peer [email removed] from [email removed]
npm WARN node_modules/ink/node_modules/react-reconciler
npm WARN [email removed] from [email removed]
npm WARN node_modules/ink

2

Hi @Wayne7 ,

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:

The error message indicates that there is a conflict with the React version being used. It looks like some of your dependencies are requiring React version “^16 || ^17 || ^18”, while others are specifically requiring version 17.0.2.

You could try downgrading your React version to 17.0.2 to resolve the conflict. Alternatively, you could try upgrading to a version of the dependency that supports the React version you are currently using.

3

Thanks. I suspected this was the answer.