Marcin Pałubiński

```jsx total ? total : page} onChange={setPage} /> ``` My `total` is also based on items.length. Adding condition and fallback to `page` parameter fixed all isues with first render.

I also have this problem with labels and placeholders. None of the beta versions work. Tested today - from beta.9 to beta.13. Using @heroui/react only on fresh react project.

OK found the problem. Custom prefix is not applying to some css variables in newer versions.

hero.ts ```js import { heroui } from '@heroui/react'; export default heroui({ addCommonColors: true, // prefix: 'customprefix', // removed this }); ``` I also noticed this is not only input problem,...

Workaround with custom prefix: ```css :root { --heroui-background: var(--custom-background); --heroui-foreground-50: var(--custom-foreground-50); --heroui-foreground-100: var(--custom-foreground-100); --heroui-foreground-200: var(--custom-foreground-200); --heroui-foreground-300: var(--custom-foreground-300); --heroui-foreground-400: var(--custom-foreground-400); --heroui-foreground-500: var(--custom-foreground-500); --heroui-foreground-600: var(--custom-foreground-600); --heroui-foreground-700: var(--custom-foreground-700); --heroui-foreground-800: var(--custom-foreground-800); --heroui-foreground-900: var(--custom-foreground-900); --heroui-foreground:...