After adding :virtualScrollerOptions="{ itemSize: 10 }", incorrect row rendering occurs. When you click on the bottom arrow of the scroll bar in https://stackblitz.com/edit/wag9bxpi?file=src%2FApp.vue, you see rows 1-11 (from the top) and then 31 and so on.

After adding :virtualScrollerOptions="{ itemSize: 10 }", incorrect row rendering occurs. When you click on the bottom arrow of the scroll bar in https://stackblitz.com/edit/wag9bxpi?file=src%2FApp.vue, you see rows 1-11 (from the top) and then 31 and so on.

After adding :virtualScrollerOptions="{ itemSize: 10 }", incorrect row rendering occurs. When you click on the bottom arrow of the scroll bar in https://stackblitz.com/edit/wag9bxpi?file=src%2FApp.vue, you see rows 1-11 (from the top) and then 31 and so on.

After adding :virtualScrollerOptions="{ itemSize: 10 }", incorrect row rendering occurs. When you click on the bottom arrow of the scroll bar in https://stackblitz.com/edit/wag9bxpi?file=src%2FApp.vue, you see rows 1-11 (from the top) and then 31 and so on.

After adding :virtualScrollerOptions="{ itemSize: 10 }", incorrect row rendering occurs. When you click on the bottom arrow of the scroll bar in https://stackblitz.com/edit/wag9bxpi?file=src%2FApp.vue, you see rows 1-11 (from the top) and then 31 and so on.

I’m using PrimeVue 3.5.3

I am integrating Primevue in my vue project.
As far as I see in documentation, I need to import components in each vue I use them.

I have a primevue component like this:

I am using the Tailwind PrimeVue ProgressBar UI component.

By default, the current time is set at the moment, but it needs to be 00:00