This is my biggest gripe with the widespread use of Prettier over in JS/TS land, especially when using React. It always seems to introduce *more* formatting inconsistency because it's only looking at line length to decide when to format. So in the same block of code I'll have things like:
const foo = useMemo(() => {
// code
}, [
alfa,
bravo,
charlie,
]);
const bar = useMemo(() => {
// code
}, [delta, echo]);
const quux = useCallback(
(arg0: string, arg1: number): SomeType => {
// code
},
[foxtrot, golf, hotel]
);
Which is infurating because it's not visually consistent so the code starts to look like syntactic soup. It's the same thing with components, really.