Vamos por partes, si el arreglo de groups
que estás importando lo necesitas alojar en un estado local de tu componente tienes varios errores:
// Si el arreglo groups que importas contiene la siguiente estructura:
const groups = candidate = [{
id: 'pan-anaya',
name: 'Pan-Anaya'
}, {
id: 'pri-meade',
name: 'Pri-Meade'
}]
// Cambia el objeto vacío inicial ({}) de tu estado local por un arreglo vacio ([])
const [candidate, setCandidate] = useState([])
// Luego en tu useEffect como componentDidMount
useEffect(() => {
// Creamos un nuevo arreglo que solo nos retorne el id
const newGroups = groups.map((group) => group.id)
setCandidate(...groupsnewGroups );
}, [])
Ya deberías poder visualizar tu estado local candidate
como un arreglo con los valores:
candidate = [{
id: 'pan-anaya'
}, {
id: 'pri-meade',
}]