It seems the code autoformats when saving, and it makes it unreadable. How do I disable it?

[animanoir]

From this:

export function Page({ children, ...rest }) {
  return (
    <>
      <Header />
      <main {...rest}>{children}</main>
    </>
  );
}

To this:

export function Page({
  children,
  ...rest
}) {
  return ( <
    >
    <
    Header / >
    <
    main {
      ...rest
    } > {
      children
    } < /main> <
    />
  );
}

[animanoir]

Modify settings.json:

{ // Format on save for Prettier "editor.formatOnSave": false,