(fix) Fix build issues (though log entry display might bite us later)

scripts/gen-version.sh

@@ -17,4 +17,4 @@ else
     # Changes
     REPORT="${COMMIT}+"
 fi
-echo "export const OTTERSCAN_VERSION=\"${REPORT}\"" >$1
+echo "export const OTTERSCAN_VERSION = \"${REPORT}\";" >$1

src/App.tsx

@@ -32,6 +32,7 @@ import { loader as searchLoader } from "./Search";
 import { getTransactionQuery, searchTransactionsQuery } from "./search/search";
 import { ConnectionStatus } from "./types";
 import { ChainInfoContext, populateChainInfo } from "./useChainInfo";
+import { useQuirks } from "./useQuirks";
 import { loadOtterscanConfig, OtterscanConfig } from "./useConfig";
 import { getBalanceQuery, getCodeQuery, hasCodeQuery } from "./useErigonHooks";
 import { createRuntime, RuntimeContext } from "./useRuntime";
@@ -108,12 +109,12 @@ const loader: LoaderFunction = async () => {
 const addressLoader: LoaderFunction = async ({ params }) => {
   runtime.then((rt) => {
     if (isAddress(params.addressOrName)) {
-      const quirks = useQuirks(provider);
+      const quirks = useQuirks(rt.provider);
       let blockTag = "latest";
       if (quirks?.isZilliqa1) {
         // Zilliqa 1 requires that the tag be numeric, but ignores it, so we can
         // use 0 and save ourselves a fetch.
-        blockTag = 0;
+        blockTag = "0";
       }
       const query = hasCodeQuery(rt.provider, params.addressOrName, blockTag);
       queryClient.prefetchQuery(query);

src/execution/transaction/LogEntry.tsx

@@ -220,10 +220,10 @@ const LogEntry: FC<LogEntryProps> = ({ log }) => {
     } else {
       logDescElem = (
         <TwoColumnPanel>
-          <DecodedLogSignature event={resolvedLogDesc.fragment} />
+          <DecodedLogSignature event={(resolvedLogDesc as any).fragment} />
           <DecodedParamsTable
-            args={resolvedLogDesc.args}
-            paramTypes={resolvedLogDesc.fragment.inputs}
+        args={(resolvedLogDesc as any).args}
+        paramTypes={(resolvedLogDesc as any).fragment.inputs}
             hasParamNames={resolvedLogDesc === logDesc}
           />
         </TwoColumnPanel>

src/storybook/util.tsx

@@ -19,7 +19,7 @@ const mockProvider: JsonRpcProvider = new JsonRpcProvider(
 
 export const runtimeDecorator: Decorator<unknown> = (Story) => (
   <RuntimeContext.Provider
-    value={{ config: mockConfig, provider: mockProvider }}
+  value={{ config: mockConfig, provider: mockProvider }}
   >
     <AppConfigContext.Provider
       value={{

src/useConfig.ts

@@ -203,7 +203,7 @@ export type OtterscanConfig = {
 
   /** Version number
    */
-  version: string;
+  version?: string;
 };
 
 /**

src/useErigonHooks.ts

@@ -907,16 +907,16 @@ export const getCodeQuery = (
 });
 
 export const useGetRawReceipt = (
-  provider: JsonRpcApiProvider | undefined,
-  address: ChecksummedAddress | undefined,
+  provider: JsonRpcApiProvider,
+  address: ChecksummedAddress,
 ): string | undefined => {
   const { data } = useQuery(getTransactionReceiptQuery(provider, address));
   return data as string | undefined;
 };
 
 export const getTransactionReceiptQuery = (
   provider: JsonRpcApiProvider,
-  address: Address,
+  address: ChecksummedAddress,
 ) => ({
   queryKey: ["eth_getTransactionReceipt", address],
   queryFn: () => {

src/useQuirks.ts

@@ -11,7 +11,7 @@ type ZilliqaVersion = {
   Version: string;
 };
 
-export const useQuirks = (provider: JsonRpcApiProvider | undefined): Quirks => {
+export const useQuirks = (provider: JsonRpcApiProvider): Quirks => {
   const { data: version } = useQuery(getVersionQuery(provider));
   const isZilliqa1 = version?.Version.match(/^v9.[0-9]+/);
   return {

src/useRuntime.ts

@@ -33,7 +33,7 @@ export type OtterscanRuntime = {
    * Zilliqa object; may be undefined if not ready because of config fetching,
    * probing occurring, etc.
    */
-  zilliqa: Zilliqa;
+  zilliqa?: Zilliqa;
 };
 
 /**
@@ -58,11 +58,11 @@ export const createRuntime = async (
       provider: new JsonRpcProvider(effectiveConfig.erigonURL, network, {
         staticNetwork: network,
       }),
-      zilliqa: createZilliqa(effectiveConfig.erigonURL),
+      zilliqa: createZilliqa(effectiveConfig.erigonURL!),
     };
   }
 
-  const zilliqa = createZilliqa(effectiveConfig?.erigonURL);
+  const zilliqa = createZilliqa(effectiveConfig.erigonURL!);
   const provider = await createAndProbeProvider(effectiveConfig.erigonURL);
   return {
     config: effectiveConfig,

src/useZilliqa.ts

@@ -4,12 +4,12 @@ import { JsonRpcApiProvider, toUtf8String } from "ethers";
 import { useMemo } from "react";
 import { getCodeQuery } from "./useErigonHooks";
 
-export const createZilliqa = (erigonURL?: string): Zilliqa | undefined => {
+export const createZilliqa = (erigonURL: string): Zilliqa => {
   return new Zilliqa(erigonURL);
 };
 
 export const useIsScillaCode = (
-  provider: JsonRpcApiProvider | undefined,
+  provider: JsonRpcApiProvider,
   checksummedAddress?: string,
 ) => {
   const { data: code } = useQuery(