refinedev / refine

A React Framework for building internal tools, admin panels, dashboards & B2B apps with unmatched flexibility.
https://refine.dev
MIT License
25.92k stars 1.96k forks source link

[BUG] `<AutoSaveIndicator />` throws warning for `key` prop #6067

Open aliemir opened 1 week ago

aliemir commented 1 week ago

Describe the bug

When using the auto save feature, <AutoSaveIndicator /> component from UI packages are logging errors about the usage of reserved key prop in the console. This is caused by the component itself rather than the code in the user space.

This error also causes issues when using i18nProvider to localize the message.

Steps To Reproduce

  1. Enable autoSave prop in useForm
  2. Use <AutoSaveIndicator /> or pass autoSaveProps to CRUD components.
  3. Check console to see the error

Expected behavior

<AutoSaveIndicator /> to not log any errors to the console which also causes issues when using it with i18nProvider

Packages

Additional Context

Screenshot 2024-06-21 at 12 09 02