💚 (smpl): Fix build with node 21

LedgerHQ · Nov 22, 2024 · db8e9d5 · db8e9d5
1 parent 0e68d3b
commit db8e9d5
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 5 deletions.
diff --git a/apps/sample/src/app/device-actions/page.tsx b/apps/sample/src/app/device-actions/page.tsx
@@ -1,8 +1,15 @@
 "use client";
 import React from "react";
+import dynamic from "next/dynamic";
 
-import { AllDeviceActions } from "@/components/DeviceActionsView/AllDeviceActions";
 import { SessionIdWrapper } from "@/components/SessionIdWrapper";
+const AllDeviceActions = dynamic(
+  () =>
+    import("@/components/DeviceActionsView/AllDeviceActions").then(
+      (mod) => mod.AllDeviceActions,
+    ),
+  { ssr: false },
+);
 
 const DeviceActions: React.FC = () => {
   return <SessionIdWrapper ChildComponent={AllDeviceActions} />;

diff --git a/apps/sample/src/app/signer/ethereum/page.tsx b/apps/sample/src/app/signer/ethereum/page.tsx
@@ -1,8 +1,12 @@
 "use client";
 import React from "react";
+import dynamic from "next/dynamic";
 
 import { SessionIdWrapper } from "@/components/SessionIdWrapper";
-import { SignerEthView } from "@/components/SignerEthView";
+const SignerEthView = dynamic(
+  () => import("@/components/SignerEthView").then((mod) => mod.SignerEthView),
+  { ssr: false },
+);
 
 const Signer: React.FC = () => {
   return <SessionIdWrapper ChildComponent={SignerEthView} />;

diff --git a/apps/sample/src/app/signer/solana/page.tsx b/apps/sample/src/app/signer/solana/page.tsx
@@ -1,9 +1,13 @@
 "use client";
 import React from "react";
+import dynamic from "next/dynamic";
 
 import { SessionIdWrapper } from "@/components/SessionIdWrapper";
-import { SignerSolanaView } from "@/components/SignerSolanaView";
-
+const SignerSolanaView = dynamic(
+  () =>
+    import("@/components/SignerSolanaView").then((mod) => mod.SignerSolanaView),
+  { ssr: false },
+);
 const Signer: React.FC = () => {
   return <SessionIdWrapper ChildComponent={SignerSolanaView} />;
 };

diff --git a/apps/sample/src/components/SessionIdWrapper.tsx b/apps/sample/src/components/SessionIdWrapper.tsx
@@ -9,7 +9,7 @@ import { useDeviceSessionsContext } from "@/providers/DeviceSessionsProvider";
  * If there is no selected sessionId, it renders a message and a button to go to the home page.
  */
 export const SessionIdWrapper: React.FC<{
-  ChildComponent: React.FC<{ sessionId: string }>;
+  ChildComponent: React.ComponentType<{ sessionId: string }>;
 }> = ({ ChildComponent }) => {
   const {
     state: { selectedId: sessionId },