history VS Passport

Obtain the source code, and here, we will specifically analyze the core part.

scripts: Maintaining a package can be a lot of work, there's lots of repetitive tasks that need to be done often such as building the package for different targets, preparing a new release, etc. This is where automation scripts can help, and if a package has any, there's a good chance you'll find them in this folder. Example from history.

We initiate the browser history session as:

I have read the Navigation doc of history package. I use react-router-dom a lot, but the state is rarely used.

Basic purpose of using the history object is well explained in React Router DOM tutorial (published 2020-05-11, recording duration 17:57, starting at 1:48) by Mauricio Leal. I used it to programmatically change the route by pushing in it a query string which is based on the Yelp API guidelines.

Maybe you can use history.listen() to intercept page changes and forward the param https://github.com/ReactTraining/history/blob/master/docs/api-reference.md#historylistenlistener-listener

[2] https://github.com/ReactTraining/history/issues/804

Next, use something like https://www.npmjs.com/package/passport, this is authentication middleware, and it works similarly for different authentication providers. Carefully read the documentation. OAuth is complicated, but that's because it solves a complicated problem

Passport is outdated and the project has been more or less on a stand-still for years now. As of currently, there are more than 320 open issues and very few have been resolved within the last months. I'd highly advice you not to use Passport for your applications in 2023. You've received some great alternatives by others in the comments here.

lib: The lib folder, short for "library", is mostly used to store the actual source code of the package, but it can also be used to store third-party code, utilities and helpers. Example from passport.

Research - there's github and stackoverflow documentation saying this is part of passport.js 0.6.0 that can be resolved by turning logout into a callback function (I was not the first person to encounter this error).

passport for authentication

I went down the rabbithole of using next-auth (now authjs) for a recent project. Having used Passport.js [1] for Oauth2 the last time I was doing node.js ~3 years ago, I found this library to have many footguns as comments/answers on SO and Github.

Seems like many people are trying to shoehorn their codebase [2] (!!) to make it work with the way the library manages sign-in flow, redirects, cookies, logout, etc. [3]

These were solved problems in the MEAN stack era with middlewares, but now that Next.js/react is the trend, people are doing everything they can to make it work - from relaxing security configs, to stashing things in the JWT just so some callback can get an additional piece of data.

[1] https://github.com/jaredhanson/passport

Passport to act as auth middleware to authenticate requests Passport

Checkout using NestJS that uses Passport or just checkout Passport