Disable sorting for imports in VSCode

[xavierBizoux]

I'm new to Tanstack Router and after configuration using ViteJS and enabling ESLint during the configuration, I noticed that the sort order for the imports had a conflict in VSCode. If you open the vite.config.ts file, you should see that ESLint complains about the import for node:url. If I save the file, the import briefly moves to the top as recommended by ESLint and then comes back to the current line. If I try to move the import manually at the top of the file and then save the file, the import moves back to the original line.
I figured out that this could be fixed by adding the following instruction in .vscode/settings.json:
"editor.codeActionsOnSave": {
"source.organizeImports": never,
},

Could you please confirm this is the correct approach?

[schiller-manuel]

"enabling ESLint during the configuration" what does this mean? how is your question specifically related to TanStack Router?

[xavierBizoux]

This is related to the configuration process of the TanStack Router. The package comes with some predefined rules in:
node_modules/@tanstack/eslint-config/src/import.ts
These rules seems to interfere with the default rules in VSCode. I had to update the settings.json file to avoid interferences. I would like to understand if this is just related to my setup or if others are seeing the same behavior. If I'm not the only one, I think it would be worth documenting it the same way "Ignoring the generated route tree" is covered ([Installation with Vite | TanStack Router React Docs](https://tanstack.com/router/latest/docs/framework/react/installation/with-vite#ignoring-the-generated-route-tree-file).

[BrendanC23]

It looks like you're using TanStack config which has some ESLint rules. This is a separate package from the eslint-plugin-router which only configures the sort order for routes (create-route-property-order).