Hi All,

I am working on a requirement where i am supposed to display a lightning component embedded in a quick action in a "new tab" instead of a modal popup. The component that i have embedded in the quick action takes the opportunity id as a input and based on a button click i will be saving some child records related to it.
I have tried this link too but it doesn't work https://salesforce.stackexchange.com/questions/158244/how-to-open-lightning-component-tab-from-lightning-quick-action-instead-of-light
Assuming that the code is something like below 

Component :
<aura:component 
    implements="force:appHostable, flexipage:availableForAllPageTypes, flexipage:availableForRecordHome, force:hasRecordId, forceCommunity:availableForAllPageTypes, force:lightningQuickAction">
    <aura:handler name="init" action="{!c.navigateToeDiscoverySearchCmp}" value="{!this}" />
    <aura:attribute name="recordId" type="Id" />
</aura:component>

Controller js :
({
    navigateToeDiscoverySearchCmp : function(component, event, helper) {
        var evt = $A.get("e.force:navigateToComponent");
        evt.setParams({
            componentDef : "c:TestOppAdj",
            recordId: component.get("v.recordId") // this value is not getting set
        });
        evt.fire();
    } 
})

Also, i am getting something like this in the url /one/one.app#eyJjb21wb25lbnREZWYiOiJjOlRlc3RPcHBBZGoiLCJhdHRyaWJ1dGVzIjp7fSwic3RhdGUiOnt9fQ%3D%3D and not the id .

Can someone tell me where i am going wrong or help me deal with this issue?

Thanks,
Bharath