Trouble with " select "

[Everton617]

I'm having trouble inside my Modal. I put 3 inputs and 1 select to enter the data, all the inputs are managing to pass the inserted data to their respective functions called 'onChange', except the select. In the output of the data, the selected 'container.title' is not being displayed; the onChange function of the select is not receiving any value.

`

    <div className="flex flex-col w-full items-start gap-y-4">
      <h1 className="text-gray-800 text-3xl font-bold">{t('Adicionar Pedido')}</h1>
      <Input
        type="text"
        placeholder="Pedido"
        name="pedido"
        value={Pedido}
        onChange={(e) => setPedido(e.target.value)}
      />

      <select 
      className="select select-bordered w-full max-w-xs" 
      onChange={(e) => setStatus(e.target.value)}>
        {containers
          .filter(container => container.id === currentContainerId) // Filtrar apenas o contêiner atual
          .map(container => (
            <option key={container.id} value={container.title}>{container.title}</option>
          ))
        }
      </select>
      <Input
        type="text"
        placeholder="Horário"
        name="horario"
        value={Horario}
        onChange={(e) => setHorario(e.target.value)}
      />
      <Input
        type="text"
        placeholder="Entregador"
        name="entregador"
        value={Entregador}
        onChange={(e) => setEntregador(e.target.value)}
      />
      <Button  variant='destructive'  onClick={onAddItem}>{t('Adicionar Pedido')}</Button>
    </div>
  </Modal>`