Fully functional

src/components/FlyonuiScript.tsx

@@ -0,0 +1,47 @@
+// FlyonuiScript.tsx
+'use client';
+
+import { usePathname } from 'next/navigation';
+import { useEffect } from 'react';
+
+// Optional third-party libraries
+// import $ from 'jquery';
+// import _ from 'lodash';
+// import noUiSlider from 'nouislider';
+// import 'datatables.net';
+// import 'dropzone/dist/dropzone-min.js';
+
+// window.$ = $;
+// window._ = _;
+// window.jQuery = $;
+// window.DataTable = $.fn.dataTable;
+// window.noUiSlider = noUiSlider;
+
+async function loadFlyonUI() {
+  return import('flyonui/flyonui');
+}
+
+export default function FlyonuiScript() {
+  const path = usePathname();
+
+  useEffect(() => {
+    const initFlyonUI = async () => {
+      await loadFlyonUI();
+    };
+
+    initFlyonUI();
+  }, []);
+
+  useEffect(() => {
+    setTimeout(() => {
+      if (
+        window.HSStaticMethods &&
+        typeof window.HSStaticMethods.autoInit === 'function'
+      ) {
+        window.HSStaticMethods.autoInit();
+      }
+    }, 100);
+  }, [path]);
+
+  return null;
+}