title: Problem running basic example of SheetJS - error on "return(<>...)
body: <p>I try to run the sheetjs example at <a href="https://docs.sheetjs.com/docs/" rel="nofollow noreferrer">https://docs.sheetjs.com/docs/</a></p>
  <p>So here's my simple html (I've downloaed the js library in the same folder of my local disk. I run the page from this local folder, not a webserver:</p>
  <pre><code>&lt;html&gt;
  &lt;body&gt;
  &lt;button id=&quot;sheetjsexport&quot;&gt;&lt;b&gt;Export as XLSX&lt;/b&gt;&lt;/button&gt;
  &lt;script src=&quot;xlsx.full.min.js&quot;&gt;&lt;/script&gt;
  &lt;script&gt;
  document.getElementById(&quot;sheetjsexport&quot;).addEventListener('click', function() {
    /* Create worksheet from HTML DOM TABLE */
    var wb = XLSX.utils.table_to_book(document.getElementById(&quot;TableToExport&quot;));
    /* Export to file (start a download) */
    XLSX.writeFile(wb, &quot;SheetJSTable.xlsx&quot;);
  });
  
  function Table2XLSX(props) {
  
    /* Callback invoked when the button is clicked */
    const xport = React.useCallback(async () =&gt; {
      /* Create worksheet from HTML DOM TABLE */
      const table = document.getElementById(&quot;Table2XLSX&quot;);
      const wb = XLSX.utils.table_to_book(table);
  
      /* Export to file (start a download) */
      XLSX.writeFile(wb, &quot;SheetJSTable.xlsx&quot;);
    });
  
    return (&lt;&gt;
      &lt;table id=&quot;Table2XLSX&quot;&gt;&lt;tbody&gt;
        &lt;tr&gt;&lt;td colSpan=&quot;3&quot;&gt;SheetJS Table Export&lt;/td&gt;&lt;/tr&gt;
        &lt;tr&gt;&lt;td&gt;Author&lt;/td&gt;&lt;td&gt;ID&lt;/td&gt;&lt;td&gt;你好!&lt;/td&gt;&lt;/tr&gt;
        &lt;tr&gt;&lt;td&gt;SheetJS&lt;/td&gt;&lt;td&gt;7262&lt;/td&gt;&lt;td&gt;வணக்கம்!&lt;/td&gt;&lt;/tr&gt;
        &lt;tr&gt;&lt;td colSpan=&quot;3&quot;&gt;
          &lt;a href=&quot;//sheetjs.com&quot;&gt;Powered by SheetJS&lt;/a&gt;
        &lt;/td&gt;&lt;/tr&gt;
      &lt;/tbody&gt;&lt;/table&gt;
      &lt;button onClick={xport}&gt;&lt;b&gt;Export XLSX!&lt;/b&gt;&lt;/button&gt;
    &lt;/&gt;);
  }
  &lt;/script&gt;
  
  &lt;/body&gt;
  </code></pre>
  <p>But, obviously, I've this error in chrome dev tools:</p>
  <blockquote>
  <p>Uncaught SyntaxError: Unexpected token '&lt;' (at test.html:25:11)</p>
  </blockquote>
  <p>What am I missing ? I suppose it's because I do not run this page from webserver but I'm not sure.</p>
  <p>I've tried to add reactJS dependencies but it changes nothing:</p>
  <pre><code>&lt;script crossorigin src=&quot;https://unpkg.com/react@16/umd/react.development.js&quot;&gt;&lt;/script&gt;
  &lt;script crossorigin src=&quot;https://unpkg.com/react-dom@16/umd/react-dom.development.js&quot;&gt;&lt;/script&gt;
  </code></pre>
  <p>Is it possible in &quot;pure&quot; html/javascript (running from filesystem only) ?</p>