refactor: captcha components with loadable

collective · Aug 8, 2021 · 83d504b · 83d504b
1 parent 4e7556c
commit 83d504b
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/components/FormView.jsx b/src/components/FormView.jsx
@@ -1,7 +1,6 @@
 import React, { useCallback, useState, useEffect, useRef } from 'react';
 import { useIntl, defineMessages } from 'react-intl';
-import HCaptcha from '@hcaptcha/react-hcaptcha';
-import { GoogleReCaptcha } from 'react-google-recaptcha-v3';
+import loadable from '@loadable/component';
 import {
   Segment,
   Message,
@@ -14,6 +13,11 @@ import { getFieldName } from './utils';
 import Field from 'volto-form-block/components/Field';
 import './FormView.css';
 
+const HCaptcha = loadable(() => import('@hcaptcha/react-hcaptcha'));
+const { GoogleReCaptcha } = loadable.lib(() =>
+  import('react-google-recaptcha-v3'),
+);
+
 const messages = defineMessages({
   default_submit_label: {
     id: 'form_default_submit_label',