Prettier removes empty lines in jsx after upgrading to react-scripts v4

[CyanoFresh]

Prettier removes empty lines in jsx after upgrading to react-scripts v4
I think it should be documented. What can I do to fix it?

[ChristianMurphy]

@CyanoFresh Create react app doesn't include prettier or specify a prettier version.
Prettier is installed independently https://create-react-app.dev/docs/setting-up-your-editor/#formatting-code-automatically and the version is specified by the adopter (you), so it isn't a part of CRA's changelog, because it isn't a part of CRA.

Prettier does maintain a changelog though, you can find it here: https://github.com/prettier/prettier/blob/master/CHANGELOG.md

[CyanoFresh]

I saw some lines in the eslint cra config changelog mentioning prettier setup. So Prettier is tied with eslint config. Of course, something was changed in eslint config, not in the prettier config.

This strange behavior appears only after upgrading to cra v4, using same latest version of prettier in cra v3.* doesn't have this behavior

[ChristianMurphy]

There doesn't appear to be a not in the changelog, https://github.com/facebook/create-react-app/releases/tag/v4.0.0
nor does eslint-config-react-app have a dependency on prettier

create-react-app/packages/eslint-config-react-app/package.json

Lines 19 to 39 in 8f03b91

	"peerDependencies": {
	"@typescript-eslint/eslint-plugin": "^4.0.0",
	"@typescript-eslint/parser": "^4.0.0",
	"babel-eslint": "^10.0.0",
	"eslint": "^7.5.0",
	"eslint-plugin-flowtype": "^5.2.0",
	"eslint-plugin-import": "^2.22.0",
	"eslint-plugin-jest": "^24.0.0",
	"eslint-plugin-jsx-a11y": "^6.3.1",
	"eslint-plugin-react": "^7.20.3",
	"eslint-plugin-react-hooks": "^4.0.8",
	"eslint-plugin-testing-library": "^3.9.0"
	},
	"peerDependenciesMeta": {
	"eslint-plugin-jest": {
	"optional": true
	},
	"eslint-plugin-testing-library": {
	"optional": true
	}
	},

CRA uses prettier internally, and that was updated (#9857), but that doesn't affect your project.

[ChristianMurphy]

This strange behavior appears only after upgrading to cra v4, using same latest version of prettier in cra v3.* doesn't have this behavior

Could you provide a pair of examples: a package.json and a jsx file with CRA 3 and Prettier that doesn't update, and package.json with CRA 4 and the same version of Prettier and the same JSX file that now does update?

[CyanoFresh]

sorry, maybe my fault, after updating webstorm everything is ok