Issue with jsx-child-element-spacing Rule in ESLint Config for TSX

[dile1l1]

I am working on a project with TypeScript and React (using .tsx files). I have a problem with the style/jsx-child-element-spacing rule. This rule adds extra {' '} and line breaks between text and JSX expressions in my code.

I installed the ESLint extension for VSCode and followed all the recommended settings in the README.

When I write JSX like this:

<button onClick={() => setCount(count => count + 1)} type="button">
  count is {count}
</button>

ESLint reformats it to:

<button onClick={() => setCount(count => count + 1)} type="button">
  count is
  {' '}
  {count}
</button>

here is my setting

package.json

{
  "name": "my-project",
  "type": "module",
  "version": "0.0.0",
  "private": true,
  "packageManager": "[email protected]",
  "scripts": {
    "dev": "vite",
    "build": "tsc -b && vite build",
    "lint": "eslint .",
    "lint:fix": "eslint . --fix",
    "preview": "vite preview",
    "format": "prettier --write '**/**.{ts,tsx,js,cjs,mjs}'"
  },
  "dependencies": {
    "react": "^18.3.1",
    "react-dom": "^18.3.1"
  },
  "devDependencies": {
    "@antfu/eslint-config": "^3.12.1",
    "@eslint-react/eslint-plugin": "^1.23.2",
    "@eslint/js": "^9.17.0",
    "@types/react": "^18.3.18",
    "@types/react-dom": "^18.3.5",
    "@vitejs/plugin-react-swc": "^3.5.0",
    "eslint": "^9.17.0",
    "eslint-plugin-format": "^0.1.3",
    "eslint-plugin-react-hooks": "^5.1.0",
    "eslint-plugin-react-refresh": "^0.4.16",
    "globals": "^15.14.0",
    "lint-staged": "^15.3.0",
    "typescript": "~5.6.2",
    "typescript-eslint": "^8.18.2",
    "vite": "^6.0.5",
    "vite-plugin-mkcert": "^1.17.6"
  },
  "lint-staged": {
    "*.{ts,tsx,js,cjs,mjs}": [
      "eslint --fix"
    ]
  }
}

eslint.config.js

import antfu from '@antfu/eslint-config'

export default antfu(
  {
    react: true,
    stylistic: true,
    typescript: {
      overrides: {
        'style/jsx-one-expression-per-line': ['error', { allow: 'single-child' }],
        'style/jsx-child-element-spacing': 'off',
      },
    },
  },
  {
    files: ['**/*.tsx'],
    rules: {
      'style/jsx-child-element-spacing': 'off', // Ensure rule is disabled for TSX
    },
  },
)