OverlayBadge: Failed to resolve component: Badge

[anantakrishna]

Describe the bug

Using an OverlayBadge according to the docs:

<script setup>
import OverlayBadge from 'primevue/overlaybadge';
</script>

<template>
<OverlayBadge value="2">
    <i class="pi pi-bell" style="font-size: 2rem" />
</OverlayBadge>
</template>

Getting such an error:

Failed to resolve component: Badge
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. 
  at <OverlayBadge severity="contrast" > 
  at <App>

Versions:

  "dependencies": {
    "@primevue/themes": "^4.0.0-rc.2",
    "primevue": "^4.0.0-rc.2",
    "vue": "^3.4.21"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^5.0.4",
    "vite": "^5.2.8"
  }

Reproducer

https://stackblitz.com/edit/vitejs-vite-dfck57?file=src%2FApp.vue

PrimeVue version

4.0.0-rc.2

Vue version

3.x

Language

ES6

Build / Runtime

Vite

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

No response