I'm trying to add a Twitter authorization button that gets me user oauth_token & oauth_token_secret which allows our tool to do actions against on the user's behalf.
import NextAuth from "next-auth";
import TwitterProvider from "next-auth/providers/twitter";
export const authOptions = {
// Configure one or more authentication providers
providers: [
TwitterProvider({
clientId: process.env.TWITTER_CLIENT_ID,
clientSecret: process.env.TWITTER_CLIENT_SECRET,
version: "2.0", // opt-in to Twitter OAuth 2.0
authorization: {
url: "https://twitter.com/i/oauth2/authorize",
params: {
grant_type: "authorization_code",
scope: "users.read tweet.read tweet.write like.read list.read",
},
},
}),
// ...add more providers here
],
session: {
strategy: "jwt",
},
callbacks: {
jwt: ({ token, account, ...props }) => {
console.log({ token, account, props }, props?.profile?.data);
return token;
},
session: async ({ session, user, token }) => {
session.user = user;
session.token = token;
return session;
},
},
secret: process.env.NEXTAUTH_SECRET,
debug: true,
};
export default NextAuth(authOptions);
This is my current snippet using the next-auth provider.
If I select the Type of App
Native App from Twitter works authentication but doesn't return the client's secret. that's why using Web App gives confidential client details.
But processing with that returns an invalid header error.
