typedReactState.ts

import React, { useEffect, useState } from 'react';

interface Wallet {
  accounts: Array<string>;
}

function App(): React.JSX.Element {  
  // Provider
  const [
    hasProvider,
    setHasProvider,
  ]: [
    boolean,
    React.Dispatch<React.SetStateAction<boolean>>,
  ] = useState<boolean>(false);

  const [
    wallet,
    setWallet,
  ]: [
    Wallet,
    React.Dispatch<React.SetStateAction<Wallet>>,
  ] = useState({ accounts: Array<string>() });

  return <></>;
}