Fix with typescript stripe example fixes #50541

[ciruz]

What?

The TypeScript Stripe example has been fixed to address various issues. One of the issues was related to calling a function, which has now been resolved. Additionally, the Stripe API used in the example was outdated, causing an error during the build process. This issue has also been fixed.

By making these fixes, the TypeScript Stripe example should now work correctly without any function calling issues or errors related to the outdated Stripe API during the build.

Why?

There's an issue regarding this problem Fix with typescript stripe example fixes #50541

$ next build
- info Linting and checking validity of types ..- error ESLint must be installed in order to run during builds: yarn add --dev eslint
- info Linting and checking validity of types ...Failed to compile.

./components/CartSummary.tsx:41:24
Type error: Argument of type '{ sessionId: any; }' is not assignable to parameter of type 'string'.

  39 |     }
  40 |
> 41 |     redirectToCheckout({ sessionId: response.id })
     |                        ^
  42 |   }
  43 |
  44 |   return (
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

How?

• Calling the redirectToCheckout function the right way https://github.com/dayhaysoos/use-shopping-cart/blob/275cb65f3d2fccb15857f4b9278cbbfca11eaf7a/use-shopping-cart/react/index.d.ts#L65
• Updating Stripe API
• Fix some changed / depcrated code since the API has changed a little
• Fix a TS error since the used library does not has a correct TS defintion file

[ijjk]

Allow CI Workflow Run

• approve CI run for commit: f7d6d00

Note: this should only be enabled once the PR is ready to go and can only be enabled by a maintainer

[CharlesCCC]

I test it with vercel site, it is all working fine now. thank you.