Closed
Description
Describe the bug
When adding a prop like title-link-attrs or title-link-class to BTab, we get an infinite update recursion.
Uncaught (in promise) Maximum recursive updates exceeded. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook or watcher source function.
Reproduction
A simple tab container with one tab and the prop set will reproduce the issue.
https://github.com/dword-design-honestly/demo-bootstrap-vue-next-title-link-attrs
Root Cause
The issue seems to be around unref in BTabs. This somehow seems to trigger a props update in BTab. It works when passing the tab in registerTab directly as an object (which of course has other issues then). Also for testing, replacing props.titleLinkAttrs in BTab with a constant object also works.
I think it's not directly related to title-link-attrs but basically about props of BTab in general.
Used Package Manager
pnpm
Validations
- Have tested with the latest version. This is still alpha version and sometime things change rapidly.
- Follow our Code of Conduct
- Read the Contributing Guide.
- Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
- Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
- The provided reproduction is a minimal reproducible of the bug.