Пререрисовка таблицы после изменения состояния

let cartArray = JSON.parse(localStorage.getItem("cart"))
    let cartArrayMap = cartArray.map(p => {
        let id = p['product-id']
        return <tr className='order-form__products items'>
                    <td className='input-product'><input name='product' type='text' value={p['product-name']} /></td>
                    <td className='input-weight'><input name='weight' type='text' value={p['product-weight']}/></td>
                    <td className='input-price'><input name='price' type='text' value={p['product-price']}/></td>
                    <td className='input-td-delete' onClick={() => {deleteProduct(id)}}><img src='assets/close.svg'/></td>
                </tr>
    })
    let deleteProduct = (id) => {
        let cart = JSON.parse(localStorage.getItem("cart"))
        let cartFiltered = cart.filter(item => item['product-id'] !== id)
        localStorage.setItem('cart', JSON.stringify(cartFiltered))
        let cartNew = JSON.parse(localStorage.getItem("cart"))
    }

return ( 
         ..........
        <table id='rty' className='order-form__cart-table'>
               <tr className='main-row'>
                        <td><p>Товар</p></td>
                         <td className='td-weight'><p>Вес</p></td>
                         <td><p>Цена</p></td>
                         <td className='input-td-delete'></td>
                  </tr>
                  {cartArrayMap}
           </table>
                 ........   
    )