مشکل در اسم کتگوری

سلام و خسته نباشید به همه دوستان

من تو صفحه ای که اطلاعات کتاب رو نمایش میده به یک اروری خوردم

کد صفحه من

import React, { useContext, useState, useEffect } from "react";
import { useParams, Link } from "react-router-dom";
import { GlobalState } from "../../../GlobalState";

function Book() {
  const params = useParams();
  const state = useContext(GlobalState);
  const [books] = state.booksAPI.books;
  const [book, setBook] = useState([]);
  const [categoreis] = state.categoreisAPI.categoreis;
  const [category, setCategory] = useState([]);

  useEffect(() => {
    if (params.id) {
      books.forEach((book) => {
        if (book._id === params.id) setBook(book);
      });
      categoreis.forEach((category) => {
        if (category._id === book.category) setCategory(category);
      });
    }
  }, [params.id, books, categoreis]);

  return (
    <div className="container-fluid">
        <div className="col-md-8">
              <h2 className="f7">{book.title}</h2>
              <div className="content row margin-top40">
                <p className="info col-md-6">
                  <span className="field-value">{category.name}</span>
                </p>
              </div>
            </div>
          </div>
  );
}

export default Book;

اینم اخطاری که تو ترمینال vscode میگیرم

WARNING in [eslint] 
src\components\body\books\Book.js
  Line 34:6:  React Hook useEffect has missing dependencies: 'book.category'. Either include them or remove the dependency array  react-hooks/exhaustive-deps

الان همه چیزش به درستی داره کار میکنه و کتگوری های مربوط به هر کتاب رو میتونم تو صفحه مربوط به خودش نمایش بدم

ولی وقتی میرم به یه صفحه مربوط به کتاب دیگه اسم کتگوری از بین میره و با رفرش کردن اون صفحه میادش😐