Chakra UI 2.8.2 w/React 19.1 Bug

Getting Started

See /src/page.tsx for the simple code reproduction example.

Steps to reproduce

1. yarn install
2. yarn dev
3. Navigate to http://localhost:3001

Expected: Page loads
Actual: SSR render hangs forever

To Fix

• Replace rightIcon with rightIconMemoized OR
• Patch <Button> with the code fix below.

The source of the error has been traced to useStyleConfig in Chakra's @chakra-ui/system:

Current Code in Button

export const Button = forwardRef<ButtonProps, 'button'>((props, ref) => {
  const group = useButtonGroup()
  const styles = useStyleConfig('Button', { ...group, ...props })

  // ....
}

Fix in Button

export const Button = forwardRef<ButtonProps, 'button'>((props, ref) => {
  const group = useButtonGroup()
  const styleProps = omit(props, ['rightIcon', 'leftIcon'])
  const styles = useStyleConfig('Button', { ...group, ...styleProps })

  // ....
}