search

chakra-ui / ark

Ark UI is a headless UI library with over 45+ components designed to build scalable Design Systems that works for a wide range of JS frameworks.
https://ark-ui.com
MIT License
3.77k stars 104 forks source link

[React][Toast] Can't pass ReactNode to title or description #2875

Closed lebretont closed 2 months ago

lebretont commented 2 months ago

Description

When I try to add a ReactNode to title or description of a toast, the app crashes and I get the error

proxy set handler returned false for property '"validated"'

on the browser console.

Link to Reproduction (or Detailed Explanation)

https://github.com/lebretont/ark/tree/bug/toast

Steps to Reproduce

Clone the reproduction Navigate to the packages/react folder Execute bun vitest ./src/components/toast/tests/toast.test.tsx Test fails

Ark UI Version

3.10.0

Framework

Browser

Firefox, Arc

Additional Information

At first sight the error comes from the jsxFactory method inside factory.ts but I have not been able to correctly identify the cause or correct the problem.

segunadebayo commented 2 months ago

This has been fixed in Zag.js. We'll release an update shortly.