Se modifica para que se vuelva a renderizar cuando se llame a la función forceRenderList

import { SuperadminPanelTownRegister } from '../sa_panel_town_register/sa_panel_town_register';

import './css/styles.css'

import { State } from '../../../infraestructure/entities/state';

import { SuperadminPanelTownList } from '../sa_panel_town_list/sa_panel_town_list_content/sa_panel_town_list';

interface props {

  windowActive: boolean;

  setWindowActive: Dispatch<SetStateAction<boolean>>;

  statesList: State[] | null;

  statesList: State[];

}

export const SuperadminPanelTownScreen = ({windowActive,setWindowActive, statesList}:props) => {

  const [showRegisterPanel, setShowRegisterPanel] = useState(false);

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

  const forceRenderList = () =>{

    setRenderCount(prevCount => prevCount + 1);

  }

  return (

    <div className="sa_panel_town_content">

        </button>

      </div>

      <div className='sa_panel_town_body'>

        <SuperadminPanelTownList statesList={statesList} key={renderCount}/>

        {showRegisterPanel 

          && 

          <SuperadminPanelTownRegister 

            setWindowActive={setWindowActive}

            setShowRegisterPanel={setShowRegisterPanel}

            statesList={statesList}/>}

            statesList={statesList}

            forceRenderList={forceRenderList}

          />}

      </div>

    </div>  

  );