In next.js application, in navbar there is dropdown, in which three components are used.

Those componenets are either fetching data, or accessing it trough global states, which takes somes time. Therefore, when dropdown is opened there is delay till those components shows specific data.

I would like to call those few specific components when whole navbar is mounted, and currently I am doing it by creating hidden div on navbar and calling them.

Is there better way to pre-render (pre-mount) components for this scenario? Maybe I am missing knowledge of some basic concept here