Badges and pills literally doesn't work

              <Button variant="primary">
                Profile <Badge variant="light">9</Badge>
                <span className="sr-only">unread messages</span>
              </Button>

Tried every variation of the badges and pills and none of them are showing correctly:

[kyletsang]

I’m trying to use badges like this:

<Badge bg="warning">Warning</Badge>

But it says " Property ‘bg’ does not exist on type 'IntrinsicAttributes… " ‘variant’ exists but it doesn’t style anything.

i am using react-bootstrap 1.6.1 and bootstrap 5.0.2

update react-bootstrap to v2 beta.

1.6.1 is not compatible with bootstrap 5

[JosephVoid]

@kyletsang it worked, thanks.