Add signOut to the client functions

[fierysolid]

Quite a bit of my app is done in client components behind auth. It would be great if there was a provided function to destroy the session cookie from the client since server components can't be placed inside of client components.

[kevinmitch14]

signOut() is a server action, so it can be called from a client component without issue! Is there something I am missing?

<Button onClick={signOut}>
  Sign Out
</Button>

[fierysolid]

Maybe it's just my setup, but I get this error:

[0] Module build failed: UnhandledSchemeError: Reading from "node:crypto" is not handled by plugins (Unhandled scheme).
[0] Webpack supports "data:" and "file:" URIs by default.
[0] You may need an additional plugin to handle "node:" URIs.
[0] Import trace for requested module:
[0] node:crypto
[0] ./node_modules/@workos-inc/node/lib/common/crypto/node-crypto-provider.js
[0] ./node_modules/@workos-inc/node/lib/index.js
[0] ./node_modules/@workos-inc/authkit-nextjs/dist/esm/workos.js
[0] ./node_modules/@workos-inc/authkit-nextjs/dist/esm/authkit-callback-route.js
[0] ./node_modules/@workos-inc/authkit-nextjs/dist/esm/index.js

It does appear I can fix this by altering my webpack config, but I wonder if that's totally necassary:

  webpack: (config) => {
    config.externals.push({
      'node:crypto': 'commonjs crypto',
      'node:https': 'commonjs https',
      'node:http': 'commonjs http',
    });
    return config;
  },

[kevinmitch14]

What version are you using? I wonder if #147 helps your case

[fierysolid]

"@workos-inc/authkit-nextjs": "1.1.0",

[fierysolid]

It seems that Webpack 5 removed the auto polyfills for these node internals, so this is likely the correct fix, but it may be helpful to make a note of this in the docs if so.