Multiple dynamic params cannot be matched

[bluescreen]

I have the following 2 Routing Configs. It seems remix cannot match the last param properly.

partner.$partnerId.consignee.$consigneeId.products.$productId
partner.$partnerId.consignee.$consigneeId.products.$productId.variant.$variantId

When i visit the variants page it seems that the product detail page is rendered
Example: partner/12345/consignee/12345/products/10/variant/red is rendered as partner/12345/consignee/12345/products/10/

Is there something wrong in my config?

'routes/_authenticated+/partner.$partnerId.consignee.$consigneeId.products.$productId': {
    path: 'consignee/:consigneeId/products/:productId',
    index: undefined,
    caseSensitive: undefined,
    id: 'routes/_authenticated+/partner.$partnerId.consignee.$consigneeId.products.$productId',
    parentId: 'routes/_authenticated+/partner.$partnerId',
    file: 'routes/_authenticated+/partner.$partnerId.consignee.$consigneeId.products.$productId.tsx'
  },
  'routes/_authenticated+/partner.$partnerId.consignee.$consigneeId.products.$productId.variant.$variantId': {
    path: 'variant/:variantId',
    index: undefined,
    caseSensitive: undefined,
    id: 'routes/_authenticated+/partner.$partnerId.consignee.$consigneeId.products.$productId.variant.$variantId',
    parentId: 'routes/_authenticated+/partner.$partnerId.consignee.$consigneeId.products.$productId',
    file: 'routes/_authenticated+/partner.$partnerId.consignee.$consigneeId.products.$productId.variant.$variantId.tsx'
  },