Probleme symfony

Bonjour je fesai mon l'affichage de mon cart mais lorsque j'ai terminé de le faire symfony m'a affiché une erreur

"Impossible to access an attribute ("title") on a null variable."
"Impossible to access an attribute ("price") on a null variable."

il me met cet erreur sur tout mes attributs pourtant ce sont biens les attributs dans mes entité

voicimon "cart.html.twig"

{% extends 'base.html.twig' %}

{% block title %}Hello CartController!
{% endblock %}

{% block body %}
    <div class="bg-light p-3">
        <h1>Votre panier</h1>
    </div>
    {% if items | length > 0 %}
        <table class="table">
            <thead>
                <tr>
                    <th>Articles</th>
                    <th>Prix</th>
                    <th>Quantité</th>
                    <th>Total</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                {% for item in items %}
                    <tr>
                        <td>{{ item.article.title}}</td>
                        <td>{{ item.article.price}}</td>
                        <td>{{ item.quantity}}</td>
                        <td>{{ item.article.price * item.quantity }}</td>
                        <td>
                            <a href="#" class="btn btn-danger btn-sm">
                                <i class="fas fa-trash"></i>
                            </a>
                        </td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>

    {% else %}

        <p>Surprise, c'est vide !</p>
    {% endif %}
{% endblock %}

Voici mon cartController

<?php

namespace App\Controller;

use App\Repository\ArticleRepository;
use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
use Symfony\Component\HttpFoundation\Request;
use Symfony\Component\HttpFoundation\Response;
use Symfony\Component\HttpFoundation\Session\SessionInterface;
use Symfony\Component\Routing\Annotation\Route;

class CartController extends AbstractController
{
    /**
     * @Route("/SHOP/cart", name="panier_index")
     */
    public function index(SessionInterface $session, ArticleRepository $articleRepository): Response
    {
        $panier = $session->get('panier', []);

        $panierWithData = [];

        foreach ($panier as $id => $quantity) {
            $panierWithData[] = [
                'article' => $articleRepository->find($id),
                'quantity' => $quantity
            ];
        }

        return $this->render('cart/index.html.twig', [
            'items' => $panierWithData
        ]);
    }

    /**
     * 
     * @Route("/SHOP/cart/add/{id}", name="cart_add")
     */
    public function add($id, SessionInterface $session)
    {

        $panier = $session->get('panier', []);

        if (!empty($panier[$id])) {
            $panier[$id]++;
        } else {

            $panier[$id] = 1;
        }

        $session->set('panier', $panier);

        dd($session->get('panier'));
    }
}

j'aimerais reussir a afficher mon panier correctement pouvez vous m'aidez svp c'est super URGENT