<p dir="auto"><strong>Describe the bug</strong></p>
<p dir="auto">When importing Spotlights from GLB, their target seems to be reset after page reload, resulting in different lighting / broken scene.</p>
<p dir="auto"><strong>To Reproduce</strong></p>
<p dir="auto">Steps to reproduce the behavior:</p>
<ol dir="auto">
<li>Go to <a href="https://threejs.org/editor/" rel="nofollow">https://threejs.org/editor/</a></li>
<li>Import <a href="https://github.com/mrdoob/three.js/files/7706719/World.zip">World.zip</a></li>
<li>Note spotlights shining from above</li>
<li>Refresh page</li>
<li>Note spotlights all shining towards (0,0,0)</li>
</ol>
<p dir="auto"><strong>Expected behavior</strong></p>
<p dir="auto">Spotlights still work after page reload</p>
<p dir="auto"><strong>Screenshots</strong></p>
<p dir="auto"><em>After dropping GLB (and turning physical lighting on)</em><br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/2693840/145882393-ab238dce-130a-4259-bc88-f1967d3fe55e.png"><img src="https://user-images.githubusercontent.com/2693840/145882393-ab238dce-130a-4259-bc88-f1967d3fe55e.png" alt="image" style="max-width: 100%;"></a></p>
<p dir="auto"><em>After page reload</em><br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/2693840/145882448-fc0edc86-78a4-4294-9027-d0630d899f26.png"><img src="https://user-images.githubusercontent.com/2693840/145882448-fc0edc86-78a4-4294-9027-d0630d899f26.png" alt="image" style="max-width: 100%;"></a></p>
<p dir="auto">Note: it seems that generally, when creating a spotlight the target can't be moved in the threejs editor. Is this expected? Should I open a separate issue for this?</p>
<div class="highlight highlight-source-json notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="{
            &quot;uuid&quot;: &quot;F7A1537F-0DA9-4FC2-9436-1BCC2A930EDA&quot;,
            &quot;type&quot;: &quot;SpotLight&quot;,
            &quot;castShadow&quot;: true,
            &quot;matrix&quot;: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 215.52757263183594, -383.2663269042969, 587.3773193359375, 1],
            &quot;color&quot;: 255,
            &quot;intensity&quot;: 2,
            &quot;distance&quot;: 1300,
            &quot;angle&quot;: 0.3490658503988659,
            &quot;decay&quot;: 1,
            &quot;penumbra&quot;: 0
        }"><pre class="notranslate">{
            <span class="pl-ent">"uuid"</span>: <span class="pl-s"><span class="pl-pds">"</span>F7A1537F-0DA9-4FC2-9436-1BCC2A930EDA<span class="pl-pds">"</span></span>,
            <span class="pl-ent">"type"</span>: <span class="pl-s"><span class="pl-pds">"</span>SpotLight<span class="pl-pds">"</span></span>,
            <span class="pl-ent">"castShadow"</span>: <span class="pl-c1">true</span>,
            <span class="pl-ent">"matrix"</span>: [<span class="pl-c1">1</span>, <span class="pl-c1">0</span>, <span class="pl-c1">0</span>, <span class="pl-c1">0</span>, <span class="pl-c1">0</span>, <span class="pl-c1">1</span>, <span class="pl-c1">0</span>, <span class="pl-c1">0</span>, <span class="pl-c1">0</span>, <span class="pl-c1">0</span>, <span class="pl-c1">1</span>, <span class="pl-c1">0</span>, <span class="pl-c1">215.52757263183594</span>, <span class="pl-c1">-383.2663269042969</span>, <span class="pl-c1">587.3773193359375</span>, <span class="pl-c1">1</span>],
            <span class="pl-ent">"color"</span>: <span class="pl-c1">255</span>,
            <span class="pl-ent">"intensity"</span>: <span class="pl-c1">2</span>,
            <span class="pl-ent">"distance"</span>: <span class="pl-c1">1300</span>,
            <span class="pl-ent">"angle"</span>: <span class="pl-c1">0.3490658503988659</span>,
            <span class="pl-ent">"decay"</span>: <span class="pl-c1">1</span>,
            <span class="pl-ent">"penumbra"</span>: <span class="pl-c1">0</span>
        }</pre></div>
<p dir="auto">this is what I get for the spot light. importing it in 3js editor it looks at the origin.</p>