<p dir="auto">I'm using Next.js framework and react-player component to play some music on my site. Everything is good until I navigate to the second page. Then the music player stops and when I go back to the first page, the music starts playing again.</p>
<p dir="auto">While I want the music to not be interrupted by going to different pages and be an upstream component that I can change the music files from different pages.</p>
<p dir="auto">What way do you suggest to this case?</p>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/zeit/next.js/issues?q=is%3Aissue">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>
<p dir="auto">Automatically render the static folder to get access to some assets for the manifest.json file.</p>


<h2 dir="auto">Current Behavior</h2>
<p dir="auto">The routing seems confused thinking that static is a page instead of an asset folder. Doesn't work in both cases : static folder at the root, and static folder in src.</p>


<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<p dir="auto"><a href="https://github.com/glemiere/nextjs-starter/tree/Static-Folder-Routing-Bug">https://github.com/glemiere/nextjs-starter/tree/Static-Folder-Routing-Bug</a></p>
<h2 dir="auto">Context</h2>
<p dir="auto">Impossible to set icon in the manifest.json</p>


<h2 dir="auto">Your Environment</h2>

<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>next</td>
<td>5</td>
</tr>
<tr>
<td>node</td>
<td>9</td>
</tr>
<tr>
<td>OS</td>
<td>OSX</td>
</tr>
<tr>
<td>browser</td>
<td>X</td>
</tr>
<tr>
<td>etc</td>
<td>X</td>
</tr>
</tbody>
</table>