此问题在此处已有答案：

isActive style in react-router v.6（2个答案）
6小时前关门了。
这里是问题，首先这个项目是使用vite生成的。我有一个错误，说Warning: React does not recognize the activeStyle prop on a DOM element。这是错误的前几行。当我从react-router-dom在NavLink组件中添加activeStyle prop时，我的问题出现了，这应该是它的内置prop，但是react不认为它是有效的prop，怎么会这样？你知道发生了什么事吗？
下面是项目中包含错误的组件：

标题.jsx

import { NavLink } from "react-router-dom";

const Header = () => {
  return (
    <div className="header">
      <NavLink to="/" activeStyle={{ fontWeight: "bold", color: "red" }}>
        Home
      </NavLink>

      <NavLink to="/about" activeStyle={{ fontWeight: "bold", color: "red" }}>
        About
      </NavLink>
    </div>
  );
};

export default Header;

维生素配置js

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react-swc";
import sass from "sass";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],

  css: {
    preprocessorOptions: {
      sass: {
        implementation: sass,
      },
    },
  },
});

控制台错误快照：