get message failed data - reactjs

Question

I have a page with an order fetch, one can use a select to sort by furthest date or nearest date. On the select everything works, the problem comes from the input where I can enter a command number for the search, it works except that the state does not change on the page when retrieving the state, and if the number command does not exist I am unable to change the state and retrieve the error message. If anyone can look at my code that would be cool. Thanks
part redux
const initialState = {
data:[{
dateCommande: "",
dateDuJour: "",
heureDuJourCommande: "",
horaire: "",
patisseriesList: "",
pays: "",
phone: "",
prixTotal: "",
ville: ""
}],
message:""
}
export default function CommandManagementAdmin(state = initialState,action){
const {type, payload} = action;
switch (type) {
case ActionTypes.GET_ALL_COMMAND_ADMIN:
return {state : payload.data}
case ActionTypes.GET_ALL_COMMAND_ID_CLIENT_ADMIN:
return payload;
case ActionTypes.GET_COMMAND_BY_NUMBER_COMMAND_ADMIN:
return {state: payload};
case ActionTypes.RESULT_COMMAND_NULL_MESSAGE:
return {...state,state:payload[0].message} ;
case ActionTypes.DELETE_COMMAND_BY_ID_ADMIN:
return state === Object.values(state).filter((command) => command.id_commande !== payload)
case ActionTypes.ERROR_GET_ALL_COMMAND_BY_ID_CLIENT_ADMIN:
return { ...state, payload };
default:
return state;
}
}
Service get
export const getCommandByNumberCommandAdminService = (dispatch, numberCommand) =>{
axios.get(BASE_URL + Url_api.API_URL_GET_COMMAND_BY_NUMERO_COMMAND + numberCommand, { headers: ConfigHeaderAdmin()})
.then((response)=>{
const ifCommand = response.data.result
if (ifCommand.length > 0) {
const dataCommand = response.data.result[0]
dispatch(ActionTypes.actionGetCommandByNumberCommandAdmin(dataCommand))
}else{
const message = response.data.message
dispatch(ActionTypes.actionCommandNullMessageAdmin(message))
}
})
.catch((error)=>{
console.log({error: error.message})
})
}
view
const AllCommandComponent = () =>{
const dispatch = useDispatch()
const ifIsCommand = useSelector(state=> state?.reducerCommandAdmin?.state)
const [listCommand, setListCommand ] = useState([])
const [ filterDate, setFilterDate ] = useState("all");
const [ commandByNumber, setCommandByNumber ] = useState("");
useEffect(()=>{
setListCommand(ifIsCommand)
getAllCommandAllClientsAdminService(dispatch)
},[ listCommand, filterDate])
const handleChange = (e) =>{
setFilterDate(e.target.value)
}
const ResultChoiceDateCommand = () =>{
if (filterDate === "oldDay") {
const sortListCommandOld = listCommand?.sort((a, b) => new Date(a.dateDuJour) - new Date(b.dateDuJour))
return setListCommand(sortListCommandOld)
}
if (filterDate === "recentDate") {
const sortListCommandOld = listCommand?.sort((a, b) => new Date(b.dateDuJour) - new Date(a.dateDuJour))
return setListCommand(sortListCommandOld)
}
}
const ListAllCommand = () => {
return listCommand?.map((command, index) => {
return (
<Commands command={command} index={index} />
)
})
}
return(
<div className="esai">
<select className="command_tri_select" onChange={(e)=> handleChange(e)} defaultValue={"all"}>
<option value="all">Toutes les commandes</option>
<option value="oldDay">Commande la plus ancienne</option>
<option value="recentDate">Commande la plus récente</option>
</select>
{ListAllCommand}
<ResultChoiceDateCommand />
</div>
)
}