У меня проблема при работе с react-router-dom версии 6

Вот проблема, сначала этот проект создается с помощью vite. У меня есть ошибка, которая говорит Warning: React does not recognize the activeStyle prop on a DOM element. Это первые несколько строк из ошибки. У меня возникает проблема, когда я добавляю реквизит activeStyle в компонент NavLink из react-router-dom, который должен быть его встроенным реквизитом, однако реакция не распознает его как действующий реквизит, как это может быть? Вы хоть представляете, что происходит?

вот компонент в проекте, который содержит ошибку:

Заголовок.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;

vite.config.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,
      },
    },
  },
});

вот снимок ошибки в консоли: