title: why doesn't my import statement pull the function i need?
body: <p>i'm using NextAuth for my app:</p>
  <p><strong>the main file i'm trying to pull data into: [...nextauth].js</strong></p>
  <pre><code>import NextAuth from &quot;next-auth&quot;
  import Providers from &quot;next-auth/providers&quot;
  
  export default NextAuth({
    // Configure one or more authentication providers
    providers: [
      Providers.Google({
          clientId: process.env.GOOGLE_CLIENT_ID,
          clientSecret: process.env.GOOGLE_CLIENT_SECRET,
      }),
      // ...add more providers here
      
    ],
  </code></pre>
  <p><strong>the error vscode message i get when i hover over &quot;Google&quot;:</strong></p>
  <pre><code>Property 'Google' does not exist on type 'typeof import(&quot;/home/abda_react/abdn2/node_modules/next-auth/providers/index&quot;)'.ts(2339)
  </code></pre>
  <p><strong>the message i get from Nextjs:</strong></p>
  <pre><code>Failed to compile
  ./pages/api/auth/[...nextauth].js:2:0
  Module not found: Package path ./providers is not exported from package /home/abda_react/abdn2/node_modules/next-auth (see exports field in /home/abda_react/abdn2/node_modules/next-auth/package.json)
    1 | import NextAuth from &quot;next-auth&quot;
  &gt; 2 | import Providers from &quot;next-auth/providers&quot;
    3 | 
    4 | export default NextAuth({
    5 |   // Configure one or more authentication providers
  
  Import trace for requested module:
  
  https://nextjs.org/docs/messages/module-not-found
  </code></pre>
  <p><strong>the path to the node module:</strong></p>
  <p>node_modules &gt; next-auth &gt; {} package.json &gt; {} exports</p>
  <pre><code> &quot;exports&quot;: {
      &quot;.&quot;: &quot;./index.js&quot;,
      &quot;./jwt&quot;: &quot;./jwt/index.js&quot;,
      &quot;./react&quot;: &quot;./react/index.js&quot;,
      &quot;./providers/*&quot;: &quot;./providers/*.js&quot;
    },
  </code></pre>
  <p><strong>the index.js file:</strong></p>
  <pre><code>&quot;use strict&quot;;
  
  var _interopRequireDefault = require(&quot;@babel/runtime/helpers/interopRequireDefault&quot;);
  
  Object.defineProperty(exports, &quot;__esModule&quot;, {
    value: true
  });
  var _exportNames = {};
  Object.defineProperty(exports, &quot;default&quot;, {
    enumerable: true,
    get: function () {
      return _server.default;
    }
  });
  
  var _server = _interopRequireDefault(require(&quot;./server&quot;));
  
  var _types = require(&quot;./server/types&quot;);
  
  Object.keys(_types).forEach(function (key) {
    if (key === &quot;default&quot; || key === &quot;__esModule&quot;) return;
    if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
    if (key in exports &amp;&amp; exports[key] === _types[key]) return;
    Object.defineProperty(exports, key, {
      enumerable: true,
      get: function () {
        return _types[key];
      }
    });
  });
  </code></pre>
  <p><strong>and finally, the google.js file:</strong></p>
  <pre><code>&quot;use strict&quot;;
  
  Object.defineProperty(exports, &quot;__esModule&quot;, {
    value: true
  });
  exports.default = Google;
  
  function Google(options) {
    return {
      id: &quot;google&quot;,
      name: &quot;Google&quot;,
      type: &quot;oauth&quot;,
      wellKnown: &quot;https://accounts.google.com/.well-known/openid-configuration&quot;,
      authorization: {
        params: {
          scope: &quot;openid email profile&quot;
        }
      },
      idToken: true,
      checks: [&quot;pkce&quot;, &quot;state&quot;],
  
      profile(profile) {
        return {
          id: profile.sub,
          name: profile.name,
          email: profile.email,
          image: profile.picture
        };
      },
  
      options
    };
  }
  </code></pre>
  <p><strong>and the google.d.ts file:</strong></p>
  <pre><code>import { OAuthConfig, OAuthUserConfig } from &quot;./oauth&quot;;
  export interface GoogleProfile {
      sub: string;
      name: string;
      email: string;
      picture: string;
  }
  export default function Google&lt;P extends Record&lt;string, any&gt; = GoogleProfile&gt;(options: OAuthUserConfig&lt;P&gt;): OAuthConfig&lt;P&gt;;
  </code></pre>
  <p><strong>now, when i used the below, it actually worked:</strong></p>
  <pre><code>import NextAuth from &quot;next-auth&quot;
  import GoogleProvider from &quot;next-auth/providers/google&quot;
  
  export default NextAuth({
    // Configure one or more authentication providers
    providers: [
      GoogleProvider({
          clientId: process.env.GOOGLE_CLIENT_ID,
          clientSecret: process.env.GOOGLE_CLIENT_SECRET,
      }),
      // ...add more providers here
  </code></pre>
  <p>hoping someone can help, because i'm a beginner at javascript and i really have been breaking my head on this...</p>