Se agrega un hook de efecto para obtener la lista de categorias cada vez que...

import { Dispatch, SetStateAction, useState } from "react";

import { Dispatch, SetStateAction, useEffect, useState } from "react";

import { AdminPanelPlaceRegister } from "../admin_panel_place_register/admin_panel_place_register";

import "./assets/css/styles.css";

import { AdminPanelPlaceList } from "../admin_panel_place_list/admin_panel_place_list";

import { Town } from "../../../infraestructure/entities/town";

import { useCategory } from "../../../hooks/useCategory";

import { LoadingScreen } from "../../loading_screen/loading_screen";

interface props {

  isWindowActive: boolean;

export const AdminPanelPlaceScreen = ({isWindowActive,setIsWindowActive, town}: props) => {

  const [renderCount, setRenderCount] = useState(0);

  const {

    categoriesList,

    updateCategoriesList,

    pending

  } = useCategory();

  const forceRenderList = () =>{

    setRenderCount(prevCount => prevCount + 1);

  }

  useEffect(()=>{

    updateCategoriesList();

  },[]);

  if(pending) return <LoadingScreen/>

  return (

    <div className="admin_panel_place_content">

      <div className="panel_place_header">

          isWindowActive && <AdminPanelPlaceRegister 

            setIsWindowActive={setIsWindowActive} 

            idTown={town?.idTown || -1}

            categoriesList={categoriesList}

            forceRenderList={forceRenderList}

            />

        }