Problema com a pagina Categorias.jsx

No meu projeto, nao estou conseguindo identificar o problema a seguir:

src\paginas\Categoria.jsx Line 33:26: 'url' is not defined no-undef

Search for the keywords to learn more about each error.

import React, { useState, useEffect } from "react";
import "../assets/css/blog.css";
import ListaCategorias from "../components/ListaCategorias";
import { useParams, Route, useLocation, Routes,Link } from "react-router-dom";
import { busca } from "../api/api";

const Categoria = () => {
  const { id } = useParams();

  const { path } = useLocation();
  const [subcategorias, setSubCategorias] = useState([]);

  useEffect(() => {
    busca(`/categorias/${id}`, (categoria) => {
      setSubCategorias(categoria.subcategoria);
    });
  }, [id]);

  return (
    <>
      <div className="container">
        <h2 className="titulo-pagina">Pet Notícias</h2>
      </div>

      <ListaCategorias />
      <ul className="lista-categorias container flex">
        {subcategorias.map((subcategoria) => (

            <li
            className={`lista-categorias__categoria lista-categorias__categoria--${id}`}
            key={subcategoria}
          >
            <Link to={`${url}/${subcategoria}`}>{subcategoria}</Link>
          </li>

        ))}
      </ul>
      <Routes>
        <Route path={`/posts?categoria=${id}`} element={<ListaCategorias />} />
      </Routes>
    </>
  );
};

export default Categoria;