+ {show ? (
+
+ {loading && }
+
+ setLoading(false)}
+ showViewFinder={false}
+ onError={onError}
+ onScan={onScan}
+ style={{ width: '100%' }}
+ />
+
+
+ ) : (
+
+
+
+
+ )}
+
+ )
+}
diff --git a/wallets/react-wallet-v2/src/components/RouteTransition.tsx b/wallets/react-wallet-v2/src/components/RouteTransition.tsx
new file mode 100644
index 0000000..ae6fbc0
--- /dev/null
+++ b/wallets/react-wallet-v2/src/components/RouteTransition.tsx
@@ -0,0 +1,32 @@
+import { AnimatePresence, motion } from 'framer-motion'
+import { useRouter } from 'next/router'
+import { ReactNode } from 'react'
+
+/**
+ * Types
+ */
+interface IProps {
+ children: ReactNode | ReactNode[]
+}
+
+/**
+ * Components
+ */
+export default function RouteTransition({ children }: IProps) {
+ const { pathname } = useRouter()
+
+ return (
+