Prettier is not correctly configured in updated tailwind/expo v2 monorepo

[xerxiastudios]

Is there an existing issue for this?

• I have searched the existing issues

Do you want this issue prioritized?

• Yes, I have sponsored
• Not urgent

Current Behavior

npx create-solito-app@latest my-solito-app -t with-tailwind

For this repo, prettier is not working.

"ERROR" - 05:13:32] Error resolving prettier configuration for /packages/app/features/user/detail-screen.tsx
["ERROR" - 05:13:32] A dynamic import callback was not specified.
TypeError: A dynamic import callback was not specified.
at new NodeError (node:internal/errors:399:5)
at importModuleDynamicallyCallback (node:internal/process/esm_loader:39:9)

Expected Behavior

No response

Steps To Reproduce

No response

Versions

- Solito:4.0.1
- Next.js:13.4.19
- Expo:49.0.0
- React Native:0.72.4

Screenshots

No response

Reproduction

No response

[nandorojo]

For others who stumble here, the solution so far is to do yarn remove prettier-plugin-tailwindcss, or to address this here: tailwindlabs/prettier-plugin-tailwindcss#207 (comment)

Open to a PR fixing it.

[ony3000]

@xerxiastudios I tried running npx create-solito-app@latest my-solito-app -t with-tailwind on my PC, and it turns out that the versions of prettier and prettier-plugin-tailwindcss are incompatible.

This problem can be resolved in one of two ways:

1. Leave prettier-plugin-tailwindcss as is and upgrade the version of prettier to ^3.
2. Leave prettier as is and downgrade the version of prettier-plugin-tailwindcss to <0.5.

[nandorojo]

Could you please submit a PR?

[nandorojo]

Related: #145

[ony3000]

Yes, I will give it a try.

Do you have a preferred version of Prettier?