Questions tagged [nextui]

I have built a table with NextUI table component and although I have defined the onChange on my input elements, it is not possible to enter a value within them. I have tried various elements, and if I replace the NextUI table with a standard HTML…

I'm using nextui.org table templates and having some issues while loading the data going to my app. Based on the given sample: import { Table, useAsyncList, useCollator } from "@nextui-org/react"; export default function App() { const collator =…

I'm trying to show spinners while images load on a Next.js site. I'm using NextUI as the UI library. I have a bunch of cards on the site, and want to show a spinner while the image loads. I have tried with a React hook and ternary operator: import…

I created a new next.js project and added the library of CSS nextui and it seems that I can change the font family on the documentation, but there is no example for this, and Idk what to do and how. I searched on other platforms and websites and…

I'am trying to change the background color of the Input component from NextUi. I already tried to use styled but no luck. What can i do?

With this code (reduced as much as I'm able), and checking the resulting page in multiple browsers, clicking on the "Info" Button within the Table does not trigger the onPress event the first time, but the second (or later) clicks trigger the event.…

When attempting to use any NextUI components I am running into Type Error: getStaticPaths is not a function, this error ONLY appears when trying to use a NextUI component (Such as Buttons or Chips etc.) This is the second time I have ran into this…

In NextJS I’m using context, everything works fine but when I navigate with next/link then the context’s data is lost. I have to fetch, set everything again. But when i create build and then check in production mode it works fine. Why? How can i…

I can't find any materials to guide me trough the installation using the latest versions of Next.js and NextUI. The most promissing guide I've found was this one. The only problem is that I'm supposted to do this: import { CssBaseline } from…

I have the following code on a React proyect using typescript: interface ICountry { id: string; name: string; } ... const [countries, setCountries] = useState(); ... …

I'm building a website with Next.js V13 and React V18, using NextUI v2 components. when clicking the dropdown trigger (a button in this case) I get a warning that: "Warning: A props object containing a "key" prop is being spread into JSX" despite…