Glimmer Component Change Detection Not Working - Mutating Properties in @tracked Array

awesomerobot · August 12, 2025, 1:44pm

I believe when you track an array like described in OP you’re tracking the array reference and not changes to the individual objects within the array

Another way to handle it is using trackedObject, we use this in a handful of places throughout Discourse

github.com/discourse/discourse

app/assets/javascripts/discourse/app/components/discovery/filter-navigation-menu.gjs

711990aa3


      
          * as well as delimiters (like ",") that allow for multiple values.
          */
          export default class FilterNavigationMenu extends Component {
           @service menu;
           @service site;
          
           @resettableTracked currentInputValue = this.args.initialInputValue || "";
          
           filterSuggessionResults = [];
           activeFilter = null;
           trackedMenuListData = new TrackedObject({
             filteredTips: this.filteredTips,
             selectedIndex: null,
             selectItem: this.selectItem,
           });
          
           @tracked _selectedIndex = -1;
          
           get selectedIndex() {
             return this._selectedIndex;
           }

Topic		Replies	Views
Another way to track nested data structures Dev plugin-api , rest-api	2	39	March 19, 2025
Problem tracking nested structure Dev	7	66	August 9, 2024
Live updates of components Dev	1	49	July 24, 2024
Tracked variable not found? Dev	6	70	June 20, 2025
Two tracked variables not updating Dev	7	96	February 3, 2025

Glimmer Component Change Detection Not Working - Mutating Properties in @tracked Array

Related topics