fix build issues

Author: DennisSimon

package.json

@@ -169,6 +169,7 @@
         "@types/numeral": "^0.0.26",
         "@types/query-string": "^5.1.0",
         "@types/rc-slider": "^8.6.0",
+        "@types/ethereumjs-util": "^5.2.0",
         "@types/react": "^16.9.17",
         "@types/react-copy-to-clipboard": "^4.2.0",
         "@types/react-dom": "^16.9.4",
@@ -240,7 +241,7 @@
     },
     "husky": {
         "hooks": {
-            "pre-push": "yarn pre_push"
+            "pre-push": "pnpm pre_push"
         }
     },
     "volta": {

pnpm-lock.yaml

@@ -55,7 +55,7 @@ class BaseComponent extends React.PureComponent<BaseComponentProps> {
     }
 }
 
-export const BlockIconLink = withRouter<BaseComponentProps>(BaseComponent);
+export const BlockIconLink = withRouter<BaseComponentProps, any>(BaseComponent);
 
 const Wrap = styled.div`
     width: calc(50% - 15px);

ts/components/blockIconLink.tsx

@@ -1,4 +1,4 @@
-import { TextAlignProperty } from 'csstype';
+import { Property } from 'csstype';
 import { darken } from 'polished';
 import * as React from 'react';
 
@@ -35,7 +35,7 @@ export interface ContainerProps {
     height?: StringOrNum;
     minWidth?: StringOrNum;
     minHeight?: StringOrNum;
-    textAlign?: TextAlignProperty;
+    textAlign?: Property.TextAlign;
     isHidden?: boolean;
     className?: string;
     position?: 'absolute' | 'fixed' | 'relative' | 'unset';

ts/components/ui/container.tsx

@@ -26,7 +26,6 @@ const newWalletConnect = () =>
         rpc: { 1: RPC_URLS[1] },
         bridge: 'https://bridge.walletconnect.org',
         qrcode: true,
-        pollingInterval: POLLING_INTERVAL,
     });
 
 const newWalletLink = () =>

ts/connectors/index.ts

@@ -77,7 +77,7 @@ export const Treasury: React.FC<{}> = () => {
     const [isVoteModalOpen, setIsVoteModalOpen] = React.useState<boolean>(false);
     const [quorumThreshold, setQuorumThreshold] = React.useState<BigNumber>();
     const [voterBreakdownData, setVoterBreakdownData] = React.useState<VoterBreakdownData[]>();
-    const { id: proposalId } = useParams();
+    const { id: proposalId } = useParams<{ id: string }>();
     const providerState = useSelector((state: State) => state.providerState);
 
     const { data } = useQuery('proposal', async () => {

ts/pages/governance/treasury.tsx

@@ -52,7 +52,7 @@ interface VoterBreakdownData {
 
 export const VoterLeaderboard: React.FC<{}> = () => {
     const [voterBreakdownData, setVoterBreakdownData] = React.useState<VoterBreakdownData[]>();
-    const { id: proposalId } = useParams();
+    const { id: proposalId } = useParams<{ id: string }>();
     const providerState = useSelector((state: State) => state.providerState);
 
     useQuery('proposal', async () => {

ts/pages/governance/voter_leaderboard.tsx

@@ -80,7 +80,7 @@ const StakingCalculatorLink = styled.a`
 `;
 
 export const StakingPool: React.FC<StakingPoolProps & RouteChildrenProps> = (props) => {
-    const { poolId } = useParams();
+    const { poolId } = useParams<{ poolId: string }>();
 
     const networkId = useSelector((state: State) => state.networkId);
     const apiClient = useAPIClient(networkId);

ts/pages/staking/staking_pool.tsx

@@ -23,10 +23,10 @@ function getDimensionObject(node: HTMLElement): DimensionObject {
     return {
         width: rect.width,
         height: rect.height,
-        top: 'x' in rect ? rect.x : rect.top,
-        left: 'y' in rect ? rect.y : rect.left,
-        x: 'x' in rect ? rect.x : rect.left,
-        y: 'y' in rect ? rect.y : rect.top,
+        top: rect.top,
+        left: rect.left,
+        x: rect.left,
+        y: rect.top,
         right: rect.right,
         bottom: rect.bottom,
     };