<p dir="auto">I have a top level navbar component which starts a web socket to listen for user notifications. Unfortunately the navbar is unmounted and remounted on every page load, forcing the websocket to disconnect/reconnect.</p>
<p dir="auto">Is there no way around this with next.js?</p>
<p dir="auto">Having animated route transitions would be nice, as this is one of the many benefits through client-side routing. Doing so should be left up to the user in my opinion (some people prefer CSS transitions over more fine-grained control with <code class="notranslate">react-motion</code> etc). As I understand it, one would need to modify the top-level App component.</p>
<p dir="auto">The <a href="https://github.com/zeit/next.js/blob/master/client/next.js#L13">client entry file</a> seems to look for a globally assigned <code class="notranslate">__NEXT_DATA__.app</code> variable but I can't find any documentation on that.</p>