¿Hay alguna forma de tener un JavaScript de formato Prettier diferente al JSX en React en el mismo archivo, principalmente haciendo el ancho de tabulación para JS 4 y para JSX 2?

¿Debería cambiar la extensión del archivo a .jsx y no a .js, o esto al menos hará que si muevo todos mis componentes para que se representen completamente en su propio archivo con accesorios, pueda llamar a esos archivos .jsx y ¿Los formateará con tabWidth 2 y luego mantendrá las funciones y otras cosas en un archivo JS separado que se formateará con tabWidth 4?