Is this warning something to worry about or has it been fixed already ? Any help is kindly appreciated.

I searched the entire web for answers but none could be found.

My code:

import { Button } from "../components/ui/button";
import { FaListOl, FaListUl, FaUndo, FaRedo, FaCode } from "react-icons/fa";
import { BsEraser } from "react-icons/bs";
import useMyStore from "../app/(store)/store";
import { useEffect } from "react";

export default function MenuBar({ editor }) {
    if (!editor) {
      return null;
    }
  
    const { activeNote } = useMyStore();
  
    useEffect(() => {
      editor.commands.setContent(`
      <h1>${activeNote.title}</h1>${activeNote.content}`);
    }, [activeNote]);
  
    return (
      <div className="p-4">
        <div className="flex flex-wrap gap-2">
          <Button
            variant="outline"
            onClick={() => editor.chain().focus().toggleBold().run()}
            disabled={!editor.can().chain().focus().toggleBold().run()}
            className={`${editor.isActive("bold") ? "is-active" : ""}`}
          >
            B
          </Button>
...
0

There are 0 answers