title: import error: 'unsplash-js' does not contain a default export (imported as 'Unsplash')
body: <p>Below is my code snippet:</p>
  <pre><code>import React, { useState } from &quot;react&quot;;
  import Unsplash, { toJson } from &quot;unsplash-js&quot;;
  const unsplash = new Unsplash({
      accessKey: &quot;****&quot;,
      secret:&quot;****&quot;
    });
  export default function SearchPhotos() {
    const [query, setQuery] = useState(&quot;&quot;);
    console.log(query);
    const searchPhotos = async (e) =&gt; {
      e.preventDefault();
      unsplash.search
      .photos(query)
      .then(toJson)
      .then((json) =&gt; {
        console.log(json);
      });
      console.log(&quot;Submitting the Form&quot;)
    };
  </code></pre>
  <p>I m getting this error in React Application
  Attempted import error: 'unsplash-js' does not contain a default export (imported as 'Unsplash'). I have checked in helper function but didn't still facing the import error for Unsplash and toJson.</p>