Uso el IDE PhpStorm de JetBrains, que también incluye WebStorm.

Al codificar una aplicación React/Next.js, a menudo es necesario desempaquetar las propiedades del objeto de los parámetros de la función.

Pero actualmente el IDE confunde la formación de las propiedades, si están en varias líneas.

La salida deseada:

 export default function SomeComponent({ children, home, }: SomeComponentProps) { return ( <>Something...</> ); }

Pero esa es la salida real, si uso reformatear:

 export default function SomeComponent({ children, home, }: SomeComponentProps) { return ( <>Something...</> ); }

Dentro de la configuración del IDE, utilizo la Guía de estilo de JavaScript de Google para JavaScript y TypeScript:

Dentro de un proyecto Next.js probé una combinación de ESLint y más bonito:

 { "extends": [ "eslint:recommended", "google", "next/core-web-vitals", "prettier" ], "rules": { "require-jsdoc": "off" } }

¿Hay alguna forma de archivar la salida deseada?