SDI (Sling Dynamic Include) in SPA

The page related data flow via .model.json. How can we let mode.json know that load a particular component json on each request ?

Use Case : want to hide/ unhide a particular component on a page for a group(CUG).

Can we still map a component with AEM component that has html file (HTL) and also have react rendering mechanism in react component so that HTL file adds data attribute from model and react component reads that. 

What could be possible solution with SPA for dynamic rendering of a component ?

1. In the initial page request add a session cookie that has information on what component logged In user can access ?

2. Create an API that can be called before page rendering. But I believe this would add page lag.

3. SDI

4. ?

Thanks