[BUG] - Updating the state does not trigger visual changes in the Nextui components

[metebtg]

NextUI Version

2.6.8

Describe the bug

State updates do not trigger visual updates. See the code example below.

But this example is just one thing; it also occurs in other components. State changes trigger visual updates in components placed in endContent or startContent. But NextUI components are not updated after state changes.

This started happening after I updated my NextJS to version 15 and React & React Dom to version 19, and also updated my NextUI to the latest version.

But the errors seem to be related to the NextJS or React updates. Because at the moment I have downgraded my NextJS version to 14 and React & React Dom to 18, but keep NextUI at latest version and it works fine.

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

The following code does not trigger a visual refresh, even though the pending variable has changed

import { Button, ButtonProps } from "@nextui-org/button";

export default function FormButton(props: ButtonProps) {
	const { pending } = useFormStatus();

	return (
		<Button
			type="submit"
			isLoading={pending}
			isDisabled={pending}
			spinnerPlacement={"end"}
			{...props}
		/>
	);
}

Expected behavior

However, the following code will trigger visual updates as expected

import { Button, ButtonProps } from "@nextui-org/button";
import { Spinner } from "@nextui-org/react";

export default function FormButton(props: ButtonProps) {
	const { pending } = useFormStatus();

	return (
		<Button
			type="submit"
			endContent={pending && <Spinner size="sm" color="current" />}
			{...props}
		/>
	);
}

Screenshots or Videos

No response

Operating System Version

Linux

Browser

Chrome

[linear]

ENG-1764 [BUG] - Updating the state does not trigger visual changes in the Nextui components

[wingkwong]

please provide a sandbox for us to investigate.