title: I tried toggling the alarm button to checked button for the targeted task but is not working
body: <p>I tried toggling the alarm button to check button for the targeted task but the alarm icon of all the tasks change too. Am using the redux toolkit</p>
  <p>This is my state</p>
  <pre><code>const initialState = {
    isHideForm: false,
    taskDesc: &quot;&quot;,
    date: &quot;&quot;,
    time: &quot;&quot;,
    user: &quot;&quot;,
    taskTitle: &quot;&quot;,
    isEditing: false,
    editID: null,
    isCompleted: false,
    data: [],
  };
  </code></pre>
  <p>Here is the reducer for toggling the button</p>
  <pre><code> completed(state, action) {
        let item = state.data.find((x) =&gt; x.id === action.payload);
        if (item) {
          state.isCompleted = !state.isCompleted;
        }
      },
  </code></pre>
  <p>This is the on-click button</p>
  <pre><code>&lt;button onClick={(e) =&gt; handleCompleted(e, d.id)}
                  className=&quot;border-y-2 border-r-2 border-gray-200 p-2 rounded-r&quot;&gt;
                  {isCompleted ? &lt;GrCheckmark /&gt; : &lt;FaBell /&gt;}
                &lt;/button&gt;
  </code></pre>