Third level navigation not working

I am trying to build a third level navigation but it is not working. I am getting the follwing error.

Call to a member function id() on null

With segment_1 the navigation is working.

<div class="bg-gray-100 shadow-inner shadow-lg py-6 md:py-8">
    <div class="container">
        <nav class="flex flex-wrap -mx-3">
                {{ nav :from="segment_2" }}
                    {{ partial:components/navigation/card }}
                {{ /nav }}
        </nav>
    </div>
</div>