error react-bootstrap tab

  return (

    <Container>
      <Row className="justify-contente-center">
        {
          !MOSTRAR_SOLAPA_SEGUIMIENTO
            ?
            <ConsultaLoteTemplate
              setEstadoLote={setEstadoLote}
            />
            :
            <Tabs
              variant="pills"
              activeKey={key}
              onSelect={(k:any) => setKey(k)}
              id="fill-tab-example"
              className="mb-2"
              //@ts-ignore
              fill
            >
              <Tab eventKey={1} title="Armado de Lote">
                <ConsultaLoteTemplate
                  setEstadoLote={setEstadoLote}
                />
              </Tab>
              <Tab eventKey={2} title="Seguimiento de Lote">
                <SeguimientoDeLoteTemplate />
              </Tab>
            </Tabs>
        }
      </Row>
    </Container>
  )