Fix: Storybook Links in V8 README (#858)

* fix storybook links in v8 readme

* chore: add changeset

Author: EvanReinstein

.changeset/late-times-feel.md

@@ -0,0 +1,5 @@
+---
+"@paypal/react-paypal-js": patch
+---
+
+Fixes broken README links to storybook examples.

packages/react-paypal-js/README-v8.md

@@ -13,7 +13,7 @@
     <a href="https://bundlephobia.com/result?p=@paypal/react-paypal-js"><img src="https://img.shields.io/bundlephobia/minzip/@paypal/react-paypal-js.svg?style=flat-square" alt="bundle size"></a>
     <a href="https://www.npmtrends.com/@paypal/react-paypal-js"><img src="https://img.shields.io/npm/dm/@paypal/react-paypal-js.svg?style=flat-square" alt="npm downloads"></a>
     <a href="https://github.com/paypal/react-paypal-js/blob/main/LICENSE"><img src="https://img.shields.io/npm/l/@paypal/react-paypal-js.svg?style=flat-square" alt="apache license"></a>
-    <a href="https://paypal.github.io/react-paypal-js/"><img src="https://raw.githubusercontent.com/storybooks/brand/master/badge/badge-storybook.svg" alt="storybook"></a>
+    <a href="https://paypal.github.io/paypal-js/web-sdk-v5-react-storybook"><img src="https://raw.githubusercontent.com/storybooks/brand/master/badge/badge-storybook.svg" alt="storybook"></a>
 </div>
 
 ## Why use react-paypal-js?
@@ -31,14 +31,14 @@ React developers think in terms of components and not about loading external scr
 **Features**
 
 - Enforce async loading the JS SDK upfront so when it's time to render the buttons to your buyer, they render immediately.
-- Abstract away the complexity around loading the JS SDK with the global [PayPalScriptProvider](https://paypal.github.io/react-paypal-js/?path=/docs/example-paypalscriptprovider--default) component.
+- Abstract away the complexity around loading the JS SDK with the global [PayPalScriptProvider](https://paypal.github.io/paypal-js/web-sdk-v5-react-storybook/?path=/story/example-paypalscriptprovider--default) component.
 - Support dispatching actions to reload the JS SDK and re-render components when global parameters like `currency` change.
 - Easy to use components for all the different Braintree/PayPal product offerings:
-    - [PayPalButtons](https://paypal.github.io/react-paypal-js/?path=/docs/example-paypalbuttons--default)
-    - [PayPalMarks](https://paypal.github.io/react-paypal-js/?path=/docs/example-paypalmarks--default)
-    - [PayPalMessages](https://paypal.github.io/react-paypal-js/?path=/docs/example-paypalmessages--default)
-    - [PayPalHostedFields](https://paypal.github.io/react-paypal-js/?path=/docs/paypal-paypalhostedfields--default)
-    - [BraintreePayPalButtons](https://paypal.github.io/react-paypal-js/?path=/docs/braintree-braintreepaypalbuttons--default)
+    - [PayPalButtons](https://paypal.github.io/paypal-js/web-sdk-v5-react-storybook/?path=/story/example-paypalbuttons--default)
+    - [PayPalMarks](https://paypal.github.io/paypal-js/web-sdk-v5-react-storybook/?path=/story/example-paypalmarks--default)
+    - [PayPalMessages](https://paypal.github.io/paypal-js/web-sdk-v5-react-storybook/?path=/story/example-paypalmessages--default)
+    - [PayPalHostedFields](https://paypal.github.io/paypal-js/web-sdk-v5-react-storybook/?path=/story/paypal-paypalhostedfields--default)
+    - [BraintreePayPalButtons](https://paypal.github.io/paypal-js/web-sdk-v5-react-storybook/?path=/story/braintree-braintreepaypalbuttons--default)
 
 ## Installation
 
@@ -105,7 +105,7 @@ Use the optional PayPalScriptProvider `deferLoading` prop to control when the JS
 </PayPalScriptProvider>
 ```
 
-To learn more, check out the [defer loading example in storybook](https://paypal.github.io/react-paypal-js/?path=/story/example-paypalscriptprovider--default&args=deferLoading:true).
+To learn more, check out the [defer loading example in storybook](https://paypal.github.io/paypal-js/web-sdk-v5-react-storybook/?path=/story/example-paypalscriptprovider--default&args=deferLoading:true).
 
 #### Tracking loading state
 
@@ -131,7 +131,7 @@ return (
 );
 ```
 
-To learn more, check out the [loading spinner example in storybook](https://paypal.github.io/react-paypal-js/?path=/story/example-paypalbuttons--default&args=showSpinner:true).
+To learn more, check out the [loading spinner example in storybook](https://paypal.github.io/paypal-js/web-sdk-v5-react-storybook/?path=/story/example-paypalbuttons--default&args=showSpinner:true).
 
 #### Reloading when parameters change
 
@@ -164,11 +164,11 @@ return (
 );
 ```
 
-To learn more, check out the [dynamic currency example in storybook](https://paypal.github.io/react-paypal-js/?path=/docs/example-paypalbuttons--default).
+To learn more, check out the [dynamic currency example in storybook](https://paypal.github.io/paypal-js/web-sdk-v5-react-storybook/?path=/story/example-paypalbuttons--with-dynamic-order-state).
 
 ### PayPalButtons
 
-The `<PayPalButtons />` component is [documented in Storybook](https://paypal.github.io/react-paypal-js/?path=/docs/example-paypalbuttons--default).
+The `<PayPalButtons />` component is [documented in Storybook](https://paypal.github.io/paypal-js/web-sdk-v5-react-storybook/?path=/story/example-paypalbuttons--default).
 
 Here's an example:
 
@@ -226,7 +226,7 @@ export default function App() {
 }
 ```
 
-To learn more about other available props, see the [PayPalButtons](https://paypal.github.io/react-paypal-js/?path=/docs/example-paypalbuttons--default) docs.
+To learn more about other available props, see the [PayPalButtons](https://paypal.github.io/paypal-js/web-sdk-v5-react-storybook/?path=/story/example-paypalbuttons--default) docs.
 
 ### BraintreePayPalButtons
 
@@ -270,7 +270,7 @@ export default function App() {
 }
 ```
 
-Check out the docs page for the [BraintreePayPalButtons](https://paypal.github.io/react-paypal-js/?path=/docs/braintree-braintreepaypalbuttons--default) to learn more about the available props.
+Check out the docs page for the [BraintreePayPalButtons](https://paypal.github.io/paypal-js/web-sdk-v5-react-storybook/?path=/story/braintree-braintreepaypalbuttons--default) to learn more about the available props.
 
 ### PayPal Hosted Fields
 

packages/react-paypal-js/README.md

@@ -8,7 +8,7 @@
     <a href="https://bundlephobia.com/result?p=@paypal/react-paypal-js"><img src="https://img.shields.io/bundlephobia/minzip/@paypal/react-paypal-js.svg?style=flat-square" alt="bundle size"></a>
     <a href="https://www.npmtrends.com/@paypal/react-paypal-js"><img src="https://img.shields.io/npm/dm/@paypal/react-paypal-js.svg?style=flat-square" alt="npm downloads"></a>
     <a href="https://github.com/paypal/react-paypal-js/blob/main/LICENSE"><img src="https://img.shields.io/npm/l/@paypal/react-paypal-js.svg?style=flat-square" alt="apache license"></a>
-    <a href="https://paypal.github.io/paypal-js/web-sdk-v5-react-storybook/"><img src="https://raw.githubusercontent.com/storybooks/brand/master/badge/badge-storybook.svg" alt="storybook"></a>
+    <a href="https://paypal.github.io/paypal-js/web-sdk-v6-react-storybook/"><img src="https://raw.githubusercontent.com/storybooks/brand/master/badge/badge-storybook.svg" alt="storybook"></a>
 </div>
 
 ---
@@ -52,7 +52,7 @@ Integrating PayPal into React applications requires careful handling of SDK scri
 ## Resources
 
 - [PayPal V6 SDK Documentation](https://docs.paypal.ai/payments/methods/paypal/sdk/js/v6/paypal-checkout)
-- [React Sample Integration](https://github.com/paypal-examples/v6-web-sdk-sample-integration/tree/main/client/prebuiltPages/react/oneTimePayment) - Full working example with Node.js backend
+- [React Sample Integration](https://github.com/paypal-examples/v6-web-sdk-sample-integration/tree/main/client/prebuiltPages/react) - Full working example with Node.js backend
 - [Live Demo](https://v6-web-sdk-sample-integration-server.fly.dev/client/prebuiltPages/react/oneTimePayment/dist/index.html) - Try the sample integration in sandbox mode
 - [PayPal Server SDK](https://www.npmjs.com/package/@paypal/paypal-server-sdk) - For backend integration
 - [PayPal Developer Dashboard](https://developer.paypal.com/dashboard/)