Esta solución funcionará, pero tenga en cuenta que el type debe ser único

 const jobTypeClick = (event, item) => { setJobType(jobType.map(t => { return { ...t, "class": (t.type === item) ? "active" : "inActive" } })) }

De lo contrario, puede pasar el índice del elemento a la función, lo que le asegura la unicidad dentro de un Array . Otra buena característica es pasar una devolución de llamada a set . La devolución de llamada recibirá el valor más reciente, lo que le permitirá usar esta función incluso dentro de la lógica asíncrona.

 const jobTypeClick = (event, index) => { setJobType(current => current.map((t, ix) => ({ ...t, "class": (ix === index) ? "active" : "inActive" })); }

Lo que está haciendo en setJobType es incorrecto setJobType(...jobType, jobType.class:"active")
Para establecer JobType, debe pasar una matriz con valor actualizado

Debe hacer un bucle de todos los JobTyes y hacer que la clase sea "inactiva" para todos los objetos y hacer que el que tenga el mismo índice de clic sea "activo"

Puede usar el siguiente código. He agregado un tercer argumento para leer el índice del elemento de clic y hacer un bucle de todos los tipos de trabajo y hacer que el correcto sea activo y otro inactivo.

 const [jobType, setJobType] = useState([ { "class": "active", "type": "All Jobs" }, { "class": "inActive", "type": "My Jobs" }, { "class": "inActive", "type": "Saved Jobs" }, ]) const jobTypeClick = (event, item, i ) =>{ alert("I am clicked") console.log(item) let prevJobType = [...jobType]; prevJobType.map((d,index) => {...d, class: index == i ? "active" : "inActive") setJobType(prevJobType) } const jobTypes = jobType.map((data, i) => { return ( <p className={data.class+" mb-0 px-3 secondary-font fs-16"} key={data.type} onClick={event => jobTypeClick(event, data.type, i)}>{data.type}</p> ) })