I have the following code block in my .jsx
file:
<div className=""> <h1 className=""> The Next <br className="sm:block hidden" /> {" "} <span className="text-gradient">Generation </span> {" "} Payment </h1> </div>
But prettier will remove the second {" "}
, like this:
<div className=""> <h1 className=""> The Next <br className="sm:block hidden" /> {" "} <span className="text-gradient">Generation </span> Payment </h1> </div>
It will also remove {" "}
in other parts of the code.
If anyone can help me solve this problem I would be very grateful.
The only solution I found was to use prettier.bracketSpacing
in the configuration of prettier
, but that didn't help.
Try this: