Theo dõi thay đổi của localStorage trong ReactJS

Mỗi khi item test_abc trong local storage bị thay đổi hoặc bị xóa đi thì mình cần hàm xử lý nó, hiện tại mình xóa bằng tay trong local storage thì hàm localStorageUpdated vẫn chạy, nhưng khi dùng localStorage.removeItem('test_abc') thì hàm localStorageUpdated lại không chạy và item test_abc trong local storage đã bị xóa. Có cách nào để listen local storage bị thay đổi không nhỉ ? Thanks mn.

componentDidMount() {
    window.addEventListener('storage', this.localStorageUpdated);
}

componentWillUnmount() {
    window.removeEventListener('storage', this.localStorageUpdated);
}

localStorageUpdated = (e) => {
    const testAbc = e.storageArea.test_abc;

    if (!testAbc || moment().isSameOrAfter(testAbc)) {
        // show error
    }
}
    
// đoạn xóa item
localStorage.removeItem('test_abc');