I am trying to receive an array from useState when I click the first time on submit ,the usestate return an empty array and this make a probleme ?

const [order,setOrder] = useState([]);

const submit = (e) => {

 var NU =document.querySelector('#orderDesignation').value;
  var d =document.querySelector('#orderPrix').value;
   var p = document.querySelector('#origin').value;

     var q =document.querySelector('#orderQuntite').value;
    var t =document.querySelector('#orderPrixHT').value;


const  s = { orderDesignation: "d" ,orderPrix: "p" ,orderQuntite: "q" ,orderPrixHT:"t" }

console.log("s -->",s);

//s --> Object { orderDesignation: "dss", orderPrix: "1", orderQuntite: "3", orderPrixHT: 2 }

setOrder(order => [...order,s] );
 
console.log("order =",order);   //    order = Array[]   empty !!!! ?

}