improved immutable errors

src/components/CheckoutProvider.test.tsx

@@ -244,7 +244,7 @@ describe('CheckoutProvider', () => {
       expect(mockStripe.initCheckout).toHaveBeenCalledTimes(1);
       expect(mockStripe2.initCheckout).toHaveBeenCalledTimes(0);
       expect(consoleWarn).toHaveBeenCalledWith(
-        'Unsupported prop change on CheckoutProvider: You cannot change the `stripe` prop after setting it.'
+        '[stripe] Unsupported prop change on CheckoutProvider: You cannot change the `stripe` prop after setting it.'
       );
     });
   });

src/components/CheckoutProvider.tsx

@@ -164,8 +164,8 @@ export const CheckoutProvider: FunctionComponent<PropsWithChildren<
   const prevStripe = usePrevious(rawStripeProp);
   React.useEffect(() => {
     if (prevStripe !== null && prevStripe !== rawStripeProp) {
-      console.warn(
-        'Unsupported prop change on CheckoutProvider: You cannot change the `stripe` prop after setting it.'
+      console.error(
+        '[stripe] Unsupported prop change on CheckoutProvider: You cannot change the `stripe` prop after setting it.'
       );
     }
   }, [prevStripe, rawStripeProp]);

src/components/Elements.test.tsx

@@ -233,7 +233,7 @@ describe('Elements', () => {
     expect(mockStripe.elements.mock.calls).toHaveLength(1);
     expect(mockStripe2.elements.mock.calls).toHaveLength(0);
     expect(consoleWarn).toHaveBeenCalledWith(
-      'Unsupported prop change on Elements: You cannot change the `stripe` prop after setting it.'
+      '[stripe] Unsupported prop change on Elements: You cannot change the `stripe` prop after setting it.'
     );
   });
 

src/components/Elements.tsx

@@ -127,8 +127,8 @@ export const Elements: FunctionComponent<PropsWithChildren<ElementsProps>> = (({
   const prevStripe = usePrevious(rawStripeProp);
   React.useEffect(() => {
     if (prevStripe !== null && prevStripe !== rawStripeProp) {
-      console.warn(
-        'Unsupported prop change on Elements: You cannot change the `stripe` prop after setting it.'
+      console.error(
+        '[stripe] Unsupported prop change on Elements: You cannot change the `stripe` prop after setting it.'
       );
     }
   }, [prevStripe, rawStripeProp]);

src/components/EmbeddedCheckoutProvider.test.tsx

@@ -224,7 +224,7 @@ describe('EmbeddedCheckoutProvider', () => {
     expect(mockStripe.initEmbeddedCheckout.mock.calls).toHaveLength(1);
     expect(mockStripe2.initEmbeddedCheckout.mock.calls).toHaveLength(0);
     expect(consoleWarn).toHaveBeenCalledWith(
-      'Unsupported prop change on EmbeddedCheckoutProvider: You cannot change the `stripe` prop after setting it.'
+      '[stripe] Unsupported prop change on EmbeddedCheckoutProvider: You cannot change the `stripe` prop after setting it.'
     );
   });
 
@@ -275,7 +275,7 @@ describe('EmbeddedCheckoutProvider', () => {
       );
 
       expect(consoleWarn).toHaveBeenCalledWith(
-        'Unsupported prop change on EmbeddedCheckoutProvider: You cannot change the client secret after setting it. Unmount and create a new instance of EmbeddedCheckoutProvider instead.'
+        '[stripe] Unsupported prop change on EmbeddedCheckoutProvider: You cannot change the client secret after setting it. Unmount and create a new instance of EmbeddedCheckoutProvider instead.'
       );
     });
   });
@@ -329,7 +329,7 @@ describe('EmbeddedCheckoutProvider', () => {
       );
 
       expect(consoleWarn).toHaveBeenCalledWith(
-        'Unsupported prop change on EmbeddedCheckoutProvider: You cannot change fetchClientSecret after setting it. Unmount and create a new instance of EmbeddedCheckoutProvider instead.'
+        '[stripe] Unsupported prop change on EmbeddedCheckoutProvider: You cannot change fetchClientSecret after setting it. Unmount and create a new instance of EmbeddedCheckoutProvider instead.'
       );
     });
   });
@@ -378,7 +378,7 @@ describe('EmbeddedCheckoutProvider', () => {
     );
 
     expect(consoleWarn).toHaveBeenCalledWith(
-      'Unsupported prop change on EmbeddedCheckoutProvider: You cannot change the onComplete option after setting it.'
+      '[stripe] Unsupported prop change on EmbeddedCheckoutProvider: You cannot change the onComplete option after setting it.'
     );
   });
 
@@ -410,7 +410,7 @@ describe('EmbeddedCheckoutProvider', () => {
     );
 
     expect(consoleWarn).toHaveBeenCalledWith(
-      'Unsupported prop change on EmbeddedCheckoutProvider: You cannot change the onShippingDetailsChange option after setting it.'
+      '[stripe] Unsupported prop change on EmbeddedCheckoutProvider: You cannot change the onShippingDetailsChange option after setting it.'
     );
   });
 
@@ -441,7 +441,7 @@ describe('EmbeddedCheckoutProvider', () => {
       ></EmbeddedCheckoutProvider>
     );
     expect(consoleWarn).toHaveBeenCalledWith(
-      'Unsupported prop change on EmbeddedCheckoutProvider: You cannot change the onLineItemsChange option after setting it.'
+      '[stripe] Unsupported prop change on EmbeddedCheckoutProvider: You cannot change the onLineItemsChange option after setting it.'
     );
   });
 

src/components/EmbeddedCheckoutProvider.tsx

@@ -159,8 +159,8 @@ export const EmbeddedCheckoutProvider: FunctionComponent<PropsWithChildren<
   const prevStripe = usePrevious(rawStripeProp);
   React.useEffect(() => {
     if (prevStripe !== null && prevStripe !== rawStripeProp) {
-      console.warn(
-        'Unsupported prop change on EmbeddedCheckoutProvider: You cannot change the `stripe` prop after setting it.'
+      console.error(
+        '[stripe] Unsupported prop change on EmbeddedCheckoutProvider: You cannot change the `stripe` prop after setting it.'
       );
     }
   }, [prevStripe, rawStripeProp]);
@@ -173,8 +173,8 @@ export const EmbeddedCheckoutProvider: FunctionComponent<PropsWithChildren<
     }
 
     if (options == null) {
-      console.warn(
-        'Unsupported prop change on EmbeddedCheckoutProvider: You cannot unset options after setting them.'
+      console.error(
+        '[stripe] Unsupported prop change on EmbeddedCheckoutProvider: You cannot unset options after setting them.'
       );
       return;
     }
@@ -192,44 +192,44 @@ export const EmbeddedCheckoutProvider: FunctionComponent<PropsWithChildren<
       prevOptions.clientSecret != null &&
       options.clientSecret !== prevOptions.clientSecret
     ) {
-      console.warn(
-        'Unsupported prop change on EmbeddedCheckoutProvider: You cannot change the client secret after setting it. Unmount and create a new instance of EmbeddedCheckoutProvider instead.'
+      console.error(
+        '[stripe] Unsupported prop change on EmbeddedCheckoutProvider: You cannot change the client secret after setting it. Unmount and create a new instance of EmbeddedCheckoutProvider instead.'
       );
     }
 
     if (
       prevOptions.fetchClientSecret != null &&
       options.fetchClientSecret !== prevOptions.fetchClientSecret
     ) {
-      console.warn(
-        'Unsupported prop change on EmbeddedCheckoutProvider: You cannot change fetchClientSecret after setting it. Unmount and create a new instance of EmbeddedCheckoutProvider instead.'
+      console.error(
+        '[stripe] Unsupported prop change on EmbeddedCheckoutProvider: You cannot change fetchClientSecret after setting it. Unmount and create a new instance of EmbeddedCheckoutProvider instead.'
       );
     }
 
     if (
       prevOptions.onComplete != null &&
       options.onComplete !== prevOptions.onComplete
     ) {
-      console.warn(
-        'Unsupported prop change on EmbeddedCheckoutProvider: You cannot change the onComplete option after setting it.'
+      console.error(
+        '[stripe] Unsupported prop change on EmbeddedCheckoutProvider: You cannot change the onComplete option after setting it.'
       );
     }
 
     if (
       prevOptions.onShippingDetailsChange != null &&
       options.onShippingDetailsChange !== prevOptions.onShippingDetailsChange
     ) {
-      console.warn(
-        'Unsupported prop change on EmbeddedCheckoutProvider: You cannot change the onShippingDetailsChange option after setting it.'
+      console.error(
+        '[stripe] Unsupported prop change on EmbeddedCheckoutProvider: You cannot change the onShippingDetailsChange option after setting it.'
       );
     }
 
     if (
       prevOptions.onLineItemsChange != null &&
       options.onLineItemsChange !== prevOptions.onLineItemsChange
     ) {
-      console.warn(
-        'Unsupported prop change on EmbeddedCheckoutProvider: You cannot change the onLineItemsChange option after setting it.'
+      console.error(
+        '[stripe] Unsupported prop change on EmbeddedCheckoutProvider: You cannot change the onLineItemsChange option after setting it.'
       );
     }
   }, [prevOptions, options]);

src/components/createElementComponent.test.tsx

@@ -773,7 +773,7 @@ describe('createElementComponent', () => {
       expect(mockElement.update).not.toHaveBeenCalled();
 
       expect(console.warn).toHaveBeenCalledWith(
-        'Unsupported prop change: options.paymentRequest is not a mutable property.'
+        '[stripe] Unsupported prop change: options.paymentRequest is not a mutable property.'
       );
     });
 

src/utils/extractAllowedOptionsUpdates.test.ts

@@ -31,7 +31,7 @@ describe('extractAllowedOptionsUpdates', () => {
       )
     ).toEqual(null);
     expect(consoleSpy).toHaveBeenCalledWith(
-      'Unsupported prop change: options.foo is not a mutable property.'
+      '[stripe] Unsupported prop change: options.foo is not a mutable property.'
     );
     expect(consoleSpy).toHaveBeenCalledTimes(1);
 

src/utils/extractAllowedOptionsUpdates.ts

@@ -20,8 +20,8 @@ export const extractAllowedOptionsUpdates = (
 
       if (immutableKeys.includes(key)) {
         if (isUpdated) {
-          console.warn(
-            `Unsupported prop change: options.${key} is not a mutable property.`
+          console.error(
+            `[stripe] Unsupported prop change: options.${key} is not a mutable property.`
           );
         }