How to set an Object inside a React.useState

let (order, setOrder) = React.useState(_ => {Object.empty()})
let col = [“id”, “roll”, “class”]

let colNew = col->Js.Array2.map(key => (key, “new”))->Js.Dict.fromArray
let createNew = () => {

    let colNew = col->Js.Array2.map(el=>(el,"Unordered"))->Js.Dict.fromArray

    Js.log2(colNew,"colNew")

    setOrder(-=>colNew)

}

I am getting this error
This has type: Js.Dict.t (defined as Js_dict.t)
Somewhere wanted: {…}
while trying to setOrder

Use Js.Dict.empty() instead of Object.empty()