React has grown beyond its original promise and it's causing more harm than good(md.jtmn.dev)

    const makeSelectItemsByCategory = () => {
      const selectItemsByCategory = createSelector(
        [state => state.items, (state, category) => category],
        (items, category) => items.filter(item => item.category === category)
      )
      return selectItemsByCategory
    }

    createCacheBust() {
      // cacheBust here is a reactive getter, not just a value
      // Calling `cacheBust()` in the right place will ensure that the
      // effect or component will be rerun whenever
      // `cacheBust` changes.
      cost [cacheBust, setCacheBust] = createSignal(Date.now());
      
      function reloadImage() {
        // Update the state, trigger rerenders in any component that used `cacheBust()`
        setCacheBust(Date.now());
      }

      return [cacheBust, reloadImage] as const;
    }
    
    export const [CACHE_BUST, reloadImage] = createCacheBust();

    const ImageComponent = () => {
      return (
        <div>
          <h2>Profile Image</h2>
          <img
            src={`https://example.com/profile-image.jpg?cachebust=${CACHE_BUST()}`} // Image URL with cacheBust as query param
            alt="Profile"
            style={{ maxWidth: '200px' }}
          />
        </div>
      );
    };

    const DispatcherComponent = () => {
    return (
        <div>
          <h2>Dispatcher Component</h2>
          <button Image</button>
        </div>
      );
    };