fix: use Script cmp instead of custom hook

BaseAdresseNationale · Jan 4, 2024 · 1964d3e · 1964d3e
1 parent 845e16a
commit 1964d3e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 21 deletions.
diff --git a/hooks/bal-widget.js b/hooks/bal-widget.js
diff --git a/pages/_app.js b/pages/_app.js
@@ -9,10 +9,11 @@ import {init as matomoInit} from '@socialgouv/matomo-next'
 
 import '@/styles/template-data-gouv-to-dsfr/normalizer.css'
 import '@/styles/template-data-gouv-to-dsfr/main-alternate.css'
-import { useBALWidget } from '@/hooks/bal-widget'
+import Script from 'next/script'
 
 const MATOMO_URL = process.env.NEXT_PUBLIC_MATOMO_URL
 const MATOMO_SITE_ID = process.env.NEXT_PUBLIC_MATOMO_SITE_ID
+const BAL_WIDGET_URL = process.env.NEXT_PUBLIC_BAL_WIDGET_URL
 
 const {
   withDsfr,
@@ -27,8 +28,6 @@ export {dsfrDocumentApi}
 function MyApp({Component, pageProps}) {
   const {setIsDark} = useIsDark()
 
-  useBALWidget()
-
   useEffect(() => {
     setIsDark(false)
   }, [setIsDark])
@@ -46,6 +45,8 @@ function MyApp({Component, pageProps}) {
         <div id='alert-root' />
         <Component {...pageProps} />
       </DeviceContextProvider>
+      {BAL_WIDGET_URL && (
+        <Script src={`${BAL_WIDGET_URL}/bal-widget.js`} strategy='lazyOnload' />)}
       <style global jsx>{`
         body,
         html,