<p dir="auto">Hello there,</p>
<p dir="auto">I'm attempting to integrate <code class="notranslate">react-notification-system</code> with next.</p>
<p dir="auto"><code class="notranslate">react-notification-system</code> requires you to have this component at the root of the app. Given that next.js apps are organised in pages it seems to be impossible to do this. If <code class="notranslate">react-notification-system</code> is initialised on each individual page then you lose the notifications when routing between pages.</p>
<p dir="auto">I attempted to initialise this within <code class="notranslate">pages/_document.js</code> but it appears that this is only used server side for the initial render.</p>
<p dir="auto">Is there any way to hook into the <code class="notranslate">App</code> or <code class="notranslate">Container</code> component at the root?</p>
<p dir="auto">For now i've had to add a rather hacky <code class="notranslate">ReactDOM.render</code> which is less than ideal...</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>