diff --git a/renderers.js b/renderers.js
index 11ef189..3828057 100644
--- a/renderers.js
+++ b/renderers.js
@@ -1,15 +1,20 @@
-import { applePayType } from './src/utility/config';
+import { useComponents, applePayType } from './src/utility/config';
 import DefaultRenderer from './src/components/DefaultRenderer';
 import ApplePayRenderer from './src/components/ApplePayRenderer';
 import CreditCardComponentsRenderer from './src/components/CreditCardComponentsRenderer';
 
+let creditcardRenderer = DefaultRenderer;
+if (useComponents) {
+  creditcardRenderer = CreditCardComponentsRenderer;
+}
+
 export default {
   mollie_methods_applepay:
     applePayType === 'direct' ? ApplePayRenderer : DefaultRenderer,
   mollie_methods_bancontact: DefaultRenderer,
   mollie_methods_banktransfer: DefaultRenderer,
   mollie_methods_belfius: DefaultRenderer,
-  mollie_methods_creditcard: CreditCardComponentsRenderer,
+  mollie_methods_creditcard: creditcardRenderer,
   mollie_methods_directdebit: DefaultRenderer,
   mollie_methods_eps: DefaultRenderer,
   mollie_methods_giftcard: DefaultRenderer,