update

src/sshx.tsx

@@ -1,5 +1,5 @@
 import { json, ActionFunction, LoaderFunction } from '@remix-run/node';
-import { useLoaderData, Form, useSubmit, useTransition } from '@remix-run/react';
+import { useLoaderData, Form, useSubmit, useNavigation } from '@remix-run/react';
 import { useEffect, useState, useCallback } from 'react';
 import { spawn, ChildProcess } from 'child_process';
 
@@ -79,7 +79,7 @@ function extractFromOutput(output: string, regex: RegExp): string | null {
 export default function Sshx() {
     const { status, output, link, shell } = useLoaderData<LoaderData>();
     const submit = useSubmit();
-    const transition = useTransition();
+    const navigation = useNavigation();
     const [localOutput, setLocalOutput] = useState(output);
 
     const refreshData = useCallback(() => {
@@ -95,7 +95,7 @@ export default function Sshx() {
         setLocalOutput(output);
     }, [output]);
 
-    const isLoading = transition.state === 'submitting' || transition.state === 'loading';
+    const isLoading = navigation.state === 'submitting' || navigation.state === 'loading';
 
     const styles = {
         container: {