Authorization with Instagram returns "invalid redirect_uri"

[Gianluska]

Environment

System:
OS: Windows 10 10.0.22000
CPU: (6) x64 Intel(R) Core(TM) i5-9400F CPU @ 2.90GHz
Memory: 8.96 GB / 15.93 GB
Binaries:
Node: 16.14.0 - C:\Program Files\nodejs\node.EXE
Yarn: 1.22.19 - ~\AppData\Roaming\npm\yarn.CMD
npm: 9.3.1 - C:\Program Files\nodejs\npm.CMD
Browsers:
Edge: Spartan (44.22000.120.0), Chromium (111.0.1661.51)
Internet Explorer: 11.0.22000.120

Reproduction URL

https://instagram-login-kohl.vercel.app/

Describe the issue

When i try to authorize a feed using NextAuth Instagram provider, i got the error: "Invalid redirect_uri".

I registered the url "https://instagram-login-kohl.vercel.app/" on my instagram "Valid OAuth Redirect URIs" option on Meta for Developers.

My app is current with "Live" option enabled.

How to reproduce

[...nextauth].ts

  import InstagramProvider from "next-auth/providers/instagram";
  import NextAuth from "next-auth";
  
  export default NextAuth({
    providers: [
      InstagramProvider({
        clientId: process.env.INSTAGRAM_CLIENT_ID,
        clientSecret: process.env.INSTAGRAM_CLIENT_SECRET,
      }),
    ],
    secret: process.env.SECRET,
  });

---

index.tsx

import { signIn } from "next-auth/react";

export default function Home() {
  return (
    <div>
      <button onClick={() => signIn("instagram")}>instagram</button>
    </div>
  );
}

Expected behavior

Authorization works, going back to my redirect_uri successfuly

[Gr33nLight]

Hey did you manage to find a solution to this? Just got the same error. I'm not in "live" mode yet, just development mode.
As you did I put the main address for my app, which is currently just an ngrok site pointing to its root page. I'm not sure if the redirect url should contain /api/auth or something?

[Hophoet]

i have the same issue, I'm not in development mode. @Gr33nLight dit you find a solution for this ?
i add an SSL to my localhost with express and openssl