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.76k stars 104 forks source link

[Vue][Toast]: Cannot read properties of undefined (reading 'value') #998

Closed jiblett1000 closed 1 year ago

jiblett1000 commented 1 year ago

Description

Throws error Cannot read properties of undefined (reading 'value') when trying to add a toast. Perhaps I'm missing something in the docs :thinking:

Link to Reproduction

https://stackblitz.com/edit/nuxt-starter-2jvls7?file=app.vue,components%2Fapp-toast-provider.vue

Steps to reproduce

Click "Add toast" button. See console error.

Ark UI Version

0.4

Framework

Browser

No response

Additional Information

No response

anubra266 commented 1 year ago

@jiblett1000 The issue is your app.vue example is not wrapped by the toast provider, so it doesn't have the toast context.

jiblett1000 commented 1 year ago

Thanks @anubra266 :smile: . I see that section under the React docs now. However, it seems to be missing from the Vue docs currently.

anubra266 commented 1 year ago

Thanks @anubra266 :smile: . I see that section under the React docs now. However, it seems to be missing from the Vue docs currently.

Yeah we'll add it to the vue docs soon.