title: Unable to delete item from redux store, payload is a long list of strings
body: <p>I'm trying to delete an item from the store using useDispatch from redux. However the payload which is sent through via action is undefined.
  Here is my reducer:</p>
  <pre><code>export const DELETE_ITEM = 'DELETE_ITEM';
      
  case DELETE_ITEM:
        return {
          ...state,
          items: state.items.filter((item, item_code) =&gt; item_code !== payload),
        };
  </code></pre>
  <p>And Here is my action:</p>
  <pre><code>//delete items
  export const deleteItemAction = (item_code) =&gt; {
    return {type: DELETE_ITEM, payload: item_code};
  };
  </code></pre>
  <p>And Finally my function &amp; component</p>
  <pre><code>const dispatch = useDispatch();
  const delete_item = (item_code: any) =&gt; {
      dispatch(deleteItemAction({item_code: item_code}));
      console.log(item_code);
  };
  
    &lt;FlatList
         data={items}
         keyExtractor={items.item_code}
         renderItem={({item}) =&gt; (
           &lt;View&gt;
             &lt;Text&gt;{item.item_id}&lt;/Text&gt;
             &lt;Text&gt;{item.item_type}&lt;/Text&gt;
             &lt;Text&gt;{item.item_code}&lt;/Text&gt;
             &lt;Text&gt;{item.item_description}&lt;/Text&gt;
             &lt;Text&gt;{item.cost_price}&lt;/Text&gt;
             &lt;Text&gt;{item.quantity}&lt;/Text&gt;
             &lt;Text&gt;{item.selling_price}&lt;/Text&gt;
            &lt;View&gt;
               &lt;Button title=&quot;Delete&quot; onPress={delete_item} /&gt;
                &lt;Button title=&quot;Edit&quot; onPress={() =&gt; {}} /&gt;
             &lt;/View&gt;
         &lt;/View&gt;
      )}
    /&gt;
  </code></pre>