s3si.ts/gui/src/pages/Home.tsx

import React from 'react'
import { WebviewWindow } from '@tauri-apps/api/window'
import { Loading } from 'components/Loading'
import { JSONRPCClient, S3SIService, StdioTransport } from 'jsonrpc';
import { invoke } from '@tauri-apps/api';
import { emit } from '@tauri-apps/api/event';

const client = new JSONRPCClient<S3SIService>({
  transport: new StdioTransport()
}).getProxy();

export const Home: React.FC = ({ }) => {
  const onHello = async () => {
    const result = await client.loginSteps();
    console.log(result)
    if (result.error) {
      throw new Error(result.error.message);
    }

    const sessionToken = await invoke('open_login_window', {
      url: result.result.url
    })
    console.log(sessionToken)
  }
  return <>
    Hello world!  <Loading />
    <button onClick={onHello}>Hello</button>

  </>
}