Paywall.js

const { render } = require("react-dom");


const app = () => {
    <Router>
        <Route path='/IDR' compnent={IDRWizard}/>
        <Route path='/PSLF' compnent={IDRWizard}/>
        
        option
        <Route path='/payment/{pathName}' compnent={Paywall} />
    </Router>
}

option 2 and 3

1. navigation middlwarew 
2. payment middlware -> listen to url -> redirect the user to idr


const IDRWizard = () => {

    
   <Paywall isOpen={} render hanldleSucess={next}/>
};



const PSLFwizard = () => {

   <Paywall isOpen={if this is the step i need open} render hanldleSucess={next}/>
}


const Paywall = () => {
    render

    only if props say render
    <modal>

    </modal>
}

const Payment = () => {
    logic to retirct the user to PSLF or IDR
    
    redirectiong
}