Necesito mapear dinámicamente en una matriz. Esta matriz puede cambiar con un campo de búsqueda y necesito saber qué casilla de verificación está marcada para enviar mis datos con un envío, pero no encuentro la forma correcta de marcar la casilla con Formik. Este es mi código:

 const initialValues = { checked: [], }; const onSubmit = (values) => { console.log(values); }; <Formik onSubmit={onSubmit} initialValues={initialValues}> {({ values, handleSubmit }) => ( <form onSubmit={handleSubmit} noValidate={true} > {Listing.map((Search, index) => { if ( Search.installationAddress.includes( searchMeter ) || Search.deviceId.includes(searchMeter) ) { return ( <div key={index} > <Checkbox color="text.standard" label={`${Search.installationAddress}`+" Compteur N° " +`${Search.deviceId}`} type="checkbox" name="checked" value={{ contractAccountId: Search.contractAccountId, deviceId: Search.deviceId, }} size="large" /> </div> ); } })} <Checkbox color="text.standard" label="I confirm" onChange={() => setValidationButton(!validationButton)} value="" checked={validationButton} /> <Button type="submit" disabled={!validationButton} > ACTIVATE </Button> </form> )} </Formik>