data-sly-include file having issues showing if parent file is under sling dynamic include (SDI) configuration

Question

We have a sling-dynamic-include (SLI) applied for a component. Everything shows in the page, except in the middle section below.

So this component is tested to work with Edge-side-Include (ESI), but apparently a data-sly-include entry seems not being retrieved? Someone experienced this? Any configuration need to change?

Note: result.html is on the same directory, if SDI is disabled, it shows

    <section class="">
        <div class="">
        </div>
    </section>
    
    <section class="">
        <div class="">
            <div class="">
                <!--The content under result.html is not rendered-->
                <sly data-sly-include="result.html"></sly>
            </div>
        </div>
    </section>
    
    <section class="">
        <div class="">
        </div>
    </section>

UPDATE: So apparently result.html is called. The issue is that the model inside result.html has this:

query= request.getParameter("query");

and the above code returns null. And again, this only happens when SDI is enabled