chore: deps and react-script update (#383)

* chore: deps and react-script update

* ci: bump node version to 18

* ci: depscheck

* docs: mention minimal npm required version

* chore: feedback

Co-authored-by: Vojtech Simetka <vojtech@simetka.cz>

Co-authored-by: Vojtech Simetka <vojtech@simetka.cz>

src/models/BzzToken.ts

@@ -2,7 +2,7 @@ import { BigNumber } from 'bignumber.js'
 import { Token } from './Token'
 
 export class BzzToken extends Token {
-  constructor(amount: BigNumber | string | BigInt) {
+  constructor(amount: BigNumber | string | bigint) {
     super(amount, 16)
   }
 }

src/models/DaiToken.ts

@@ -2,7 +2,7 @@ import { BigNumber } from 'bignumber.js'
 import { Token } from './Token'
 
 export class DaiToken extends Token {
-  constructor(amount: BigNumber | string | BigInt) {
+  constructor(amount: BigNumber | string | bigint) {
     super(amount, 18)
   }
 }

src/models/Token.ts

@@ -10,7 +10,7 @@ export class Token {
   private amount: BigNumber // Represented in the base units, so it is always an integer value
   private readonly decimals: digits
 
-  constructor(amount: BigNumber | string | BigInt, decimals: digits = BZZ_DECIMALS) {
+  constructor(amount: BigNumber | string | bigint, decimals: digits = BZZ_DECIMALS) {
     const a = makeBigNumber(amount)
 
     if (!isInteger(a) || !POSSIBLE_DECIMALS.includes(decimals)) {
@@ -31,7 +31,7 @@ export class Token {
    *
    * @returns new Token
    */
-  static fromDecimal(amount: BigNumber | string | BigInt, decimals: digits = BZZ_DECIMALS): Token | never {
+  static fromDecimal(amount: BigNumber | string | bigint, decimals: digits = BZZ_DECIMALS): Token | never {
     const a = makeBigNumber(amount)
 
     // No need to do any validation here, it is done when the new token is created
@@ -40,7 +40,7 @@ export class Token {
     return new Token(t, decimals)
   }
 
-  get toBigInt(): BigInt {
+  get toBigInt(): bigint {
     return BigInt(this.amount.toFixed(0))
   }
 

src/providers/Bee.tsx

@@ -11,7 +11,7 @@ import {
 } from '@ethersphere/bee-js'
 import { createContext, ReactChild, ReactElement, useContext, useEffect, useState } from 'react'
 import semver from 'semver'
-import { engines } from '../../package.json'
+import PackageJson from '../../package.json'
 import { useLatestBeeRelease } from '../hooks/apiHooks'
 import { Token } from '../models/Token'
 import type { Balance, ChequebookBalance, Settlements } from '../types'
@@ -130,7 +130,7 @@ function getStatus(
   status.version.isEnabled = true
   status.version.checkState =
     debugApiHealth &&
-    semver.satisfies(debugApiHealth.version, engines.bee, {
+    semver.satisfies(debugApiHealth.version, PackageJson.engines.bee, {
       includePrerelease: true,
     })
       ? CheckState.OK

src/utils/index.ts

@@ -24,7 +24,7 @@ export function isInteger(value: unknown): value is BigNumber | bigint {
  *
  * @returns BigNumber - but it may still be NaN or Infinite
  */
-export function makeBigNumber(value: BigNumber | BigInt | number | string): BigNumber | never {
+export function makeBigNumber(value: BigNumber | bigint | number | string): BigNumber | never {
   if (BigNumber.isBigNumber(value)) return value
 
   if (typeof value === 'string') return new BigNumber(value)