Bug fix: Table null data error

src/app/cln/graph/lookups/lookups.component.ts

@@ -24,7 +24,6 @@ export class CLNLookupsComponent implements OnInit, OnDestroy {
   public nodeLookupValue = { nodeid: '' };
   public channelLookupValue = [];
   public flgSetLookupValue = false;
-  public temp: any;
   public messageObj = [];
   public selectedFieldId = 0;
   public lookupFields = [

src/app/cln/graph/lookups/node-lookup/node-lookup.component.ts

@@ -17,7 +17,7 @@ export class CLNNodeLookupComponent implements OnInit {
   @ViewChild(MatSort, { static: false }) sort: MatSort | undefined;
   @Input() lookupResult: LookupNode;
   public featureDescriptions: string[] = [];
-  public addresses: any;
+  public addresses: any = new MatTableDataSource([]);
   public displayedColumns = ['type', 'address', 'port', 'actions'];
 
   constructor(private logger: LoggerService, private snackBar: MatSnackBar) { }

src/app/cln/graph/query-routes/query-routes.component.ts

@@ -31,7 +31,7 @@ export class CLNQueryRoutesComponent implements OnInit, OnDestroy {
   public tableSetting: TableSetting = { tableId: 'query_routes', recordsPerPage: PAGE_SIZE, sortBy: 'id', sortOrder: SortOrderEnum.ASCENDING };
   public destinationPubkey = '';
   public amount: number | null = null;
-  public qrHops: any;
+  public qrHops: any = new MatTableDataSource([]);
   public displayedColumns: any[] = [];
   public flgLoading: Array<Boolean | 'error'> = [false]; // 0: peers
   public faRoute = faRoute;
@@ -56,7 +56,6 @@ export class CLNQueryRoutesComponent implements OnInit, OnDestroy {
         this.displayedColumns.push('actions');
       });
     this.clnEffects.setQueryRoutesCL.pipe(takeUntil(this.unSubs[1])).subscribe((queryRoute) => {
-      this.qrHops = new MatTableDataSource([]);
       this.qrHops.data = [];
       if (queryRoute.routes && queryRoute.routes.length && queryRoute.routes.length > 0) {
         this.flgLoading[0] = false;

src/app/cln/liquidity-ads/liquidity-ads-list/liquidity-ads-list.component.ts

@@ -49,7 +49,7 @@ export class CLNLiquidityAdsListComponent implements OnInit, OnDestroy {
   public node_capacity = 500000;
   public channel_count = 5;
   public liquidityNodesData: LookupNode[] = [];
-  public liquidityNodes: any;
+  public liquidityNodes: any = new MatTableDataSource([]);
   public pageSize = PAGE_SIZE;
   public pageSizeOptions = PAGE_SIZE_OPTIONS;
   public screenSize = '';

src/app/cln/on-chain/utxo-tables/utxos/utxos.component.ts

@@ -36,7 +36,7 @@ export class CLNOnChainUtxosComponent implements OnInit, AfterViewInit, OnDestro
   public tableSetting: TableSetting = { tableId: 'utxos', recordsPerPage: PAGE_SIZE, sortBy: 'status', sortOrder: SortOrderEnum.DESCENDING };
   public displayedColumns: any[] = [];
   public utxos: UTXO[];
-  public listUTXOs: any;
+  public listUTXOs: any = new MatTableDataSource([]);
   public pageSize = PAGE_SIZE;
   public pageSizeOptions = PAGE_SIZE_OPTIONS;
   public screenSize = '';

src/app/cln/peers-channels/channels/channels-tables/channel-open-table/channel-open-table.component.ts

@@ -43,7 +43,7 @@ export class CLNChannelOpenTableComponent implements OnInit, AfterViewInit, OnDe
   public totalBalance = 0;
   public displayedColumns: any[] = [];
   public channelsData: Channel[] = [];
-  public channels: any;
+  public channels: any = new MatTableDataSource([]);
   public myChanPolicy: any = {};
   public information: GetInfo = {};
   public numPeers = -1;

src/app/cln/peers-channels/channels/channels-tables/channel-pending-table/channel-pending-table.component.ts

@@ -42,7 +42,7 @@ export class CLNChannelPendingTableComponent implements OnInit, AfterViewInit, O
   public totalBalance = 0;
   public displayedColumns: any[] = [];
   public channelsData: Channel[] = [];
-  public channels: any;
+  public channels: any = new MatTableDataSource([]);
   public myChanPolicy: any = {};
   public information: GetInfo = {};
   public numPeers = -1;

src/app/cln/peers-channels/peers/peers.component.ts

@@ -43,7 +43,7 @@ export class CLNPeersComponent implements OnInit, AfterViewInit, OnDestroy {
   public displayedColumns: any[] = [];
   public peerAddress: string | null = '';
   public peersData: Peer[] = [];
-  public peers: any;
+  public peers: any = new MatTableDataSource([]);
   public information: GetInfo = {};
   public availableBalance = 0;
   public pageSize = PAGE_SIZE;

src/app/cln/routing/failed-transactions/failed-transactions.component.ts

@@ -36,10 +36,10 @@ export class CLNFailedTransactionsComponent implements OnInit, AfterViewInit, On
   public PAGE_ID = 'routing';
   public tableSetting: TableSetting = { tableId: 'failed', recordsPerPage: PAGE_SIZE, sortBy: 'received_time', sortOrder: SortOrderEnum.DESCENDING };
   public faExclamationTriangle = faExclamationTriangle;
-  public failedEvents: any;
+  public failedEvents: any[] = [];
   public errorMessage = '';
   public displayedColumns: any[] = [];
-  public failedForwardingEvents: any;
+  public failedForwardingEvents: any = new MatTableDataSource([]);
   public selFilter = '';
   public totalFailedTransactions = 0;
   public pageSize = PAGE_SIZE;

src/app/cln/routing/forwarding-history/forwarding-history.component.ts

@@ -39,7 +39,7 @@ export class CLNForwardingHistoryComponent implements OnInit, OnChanges, AfterVi
   public tableSetting: TableSetting = { tableId: 'forwarding_history', recordsPerPage: PAGE_SIZE, sortBy: 'received_time', sortOrder: SortOrderEnum.DESCENDING };
   public successfulEvents: ForwardingEvent[] = [];
   public displayedColumns: any[] = [];
-  public forwardingHistoryEvents: any;
+  public forwardingHistoryEvents: any = new MatTableDataSource([]);
   public totalForwardedTransactions = 0;
   public pageSize = PAGE_SIZE;
   public pageSizeOptions = PAGE_SIZE_OPTIONS;

src/app/cln/routing/local-failed-transactions/local-failed-transactions.component.ts

@@ -37,10 +37,10 @@ export class CLNLocalFailedTransactionsComponent implements OnInit, AfterViewIni
   public PAGE_ID = 'routing';
   public tableSetting: TableSetting = { tableId: 'local_failed', recordsPerPage: PAGE_SIZE, sortBy: 'received_time', sortOrder: SortOrderEnum.DESCENDING };
   public CLNFailReason = CLNFailReason;
-  public failedLocalEvents: any;
+  public failedLocalEvents: any[] = [];
   public errorMessage = '';
   public displayedColumns: any[] = [];
-  public failedLocalForwardingEvents: any;
+  public failedLocalForwardingEvents: any = new MatTableDataSource([]);
   public selFilter = '';
   public totalLocalFailedTransactions = 0;
   public pageSize = PAGE_SIZE;

src/app/cln/transactions/invoices/create-invoice-modal/create-invoice.component.ts

@@ -31,7 +31,6 @@ export class CLNCreateInvoiceComponent implements OnInit, OnDestroy {
   public invoiceValue: number | null;
   public invoiceValueHint = '';
   public invoicePaymentReq = '';
-  public invoices: any;
   public information: GetInfo = {};
   public private = false;
   public expiryStep = 100;

src/app/cln/transactions/invoices/invoices-table/lightning-invoices-table.component.ts

@@ -51,7 +51,7 @@ export class CLNLightningInvoicesTableComponent implements OnInit, AfterViewInit
   public invoiceValueHint = '';
   public displayedColumns: any[] = [];
   public invoicePaymentReq = '';
-  public invoices: any;
+  public invoices: any = new MatTableDataSource([]);
   public invoiceJSONArr: Invoice[] = [];
   public information: GetInfo = {};
   public private = false;

src/app/cln/transactions/offers/create-offer-modal/create-offer.component.ts

@@ -30,7 +30,6 @@ export class CLNCreateOfferComponent implements OnInit, OnDestroy {
   public offerValue: number | null;
   public vendor = '';
   public offerValueHint = '';
-  public offers: any;
   public information: GetInfo = {};
   public pageSize = PAGE_SIZE;
   public offerError = '';

src/app/cln/transactions/offers/offer-bookmarks-table/offer-bookmarks-table.component.ts

@@ -38,7 +38,7 @@ export class CLNOfferBookmarksTableComponent implements OnInit, AfterViewInit, O
   public PAGE_ID = 'transactions';
   public tableSetting: TableSetting = { tableId: 'offer_bookmarks', recordsPerPage: PAGE_SIZE, sortBy: 'lastUpdatedAt', sortOrder: SortOrderEnum.DESCENDING };
   public displayedColumns: any[] = [];
-  public offersBookmarks: any;
+  public offersBookmarks: any = new MatTableDataSource([]);
   public offersBookmarksJSONArr: OfferBookmark[] = [];
   public pageSize = PAGE_SIZE;
   public pageSizeOptions = PAGE_SIZE_OPTIONS;

src/app/cln/transactions/payments/lightning-payments.component.ts

@@ -46,7 +46,7 @@ export class CLNLightningPaymentsComponent implements OnInit, AfterViewInit, OnD
   public newlyAddedPayment = '';
   public selNode: SelNodeChild | null = {};
   public information: GetInfo = {};
-  public payments: any;
+  public payments: any = new MatTableDataSource([]);
   public paymentJSONArr: Payment[] = [];
   public displayedColumns: any[] = [];
   public mppColumns: string[] = [];

src/app/eclair/graph/lookups/lookups.component.ts

@@ -27,7 +27,6 @@ export class ECLLookupsComponent implements OnInit, OnDestroy {
   public nodeLookupValue: LookupNode = {};
   public channelLookupValue = [];
   public flgSetLookupValue = false;
-  public temp: any;
   public messageObj = [];
   public selectedFieldId = 0;
   public lookupFields = [

src/app/eclair/graph/lookups/node-lookup/node-lookup.component.ts

@@ -16,7 +16,7 @@ export class ECLNodeLookupComponent implements OnInit {
 
   @ViewChild(MatSort, { static: false }) sort: MatSort | undefined;
   @Input() lookupResult: LookupNode = {};
-  public addresses: any;
+  public addresses: any = new MatTableDataSource([]);
   public displayedColumns = ['address', 'actions'];
   public nodeFeaturesEnum = NodeFeaturesECL;
 

src/app/eclair/on-chain/on-chain-transaction-history/on-chain-transaction-history.component.ts

@@ -36,7 +36,7 @@ export class ECLOnChainTransactionHistoryComponent implements OnInit, OnDestroy
   public PAGE_ID = 'on_chain';
   public tableSetting: TableSetting = { tableId: 'transaction', recordsPerPage: PAGE_SIZE, sortBy: 'timestamp', sortOrder: SortOrderEnum.DESCENDING };
   public displayedColumns: any[] = [];
-  public listTransactions: any;
+  public listTransactions: any = new MatTableDataSource([]);
   public pageSize = PAGE_SIZE;
   public pageSizeOptions = PAGE_SIZE_OPTIONS;
   public screenSize = '';

src/app/eclair/peers-channels/channels/channels-tables/channel-inactive-table/channel-inactive-table.component.ts

@@ -40,7 +40,7 @@ export class ECLChannelInactiveTableComponent implements OnInit, AfterViewInit,
   public inactiveChannels: Channel[];
   public totalBalance = 0;
   public displayedColumns: any[] = [];
-  public channels: any;
+  public channels: any = new MatTableDataSource([]);
   public myChanPolicy: any = {};
   public information: GetInfo = {};
   public numPeers = -1;

src/app/eclair/peers-channels/channels/channels-tables/channel-open-table/channel-open-table.component.ts

@@ -41,7 +41,7 @@ export class ECLChannelOpenTableComponent implements OnInit, AfterViewInit, OnDe
   public activeChannels: Channel[];
   public totalBalance = 0;
   public displayedColumns: any[] = [];
-  public channels: any;
+  public channels: any = new MatTableDataSource([]);
   public myChanPolicy: any = {};
   public information: GetInfo = {};
   public numPeers = -1;

src/app/eclair/peers-channels/channels/channels-tables/channel-pending-table/channel-pending-table.component.ts

@@ -40,7 +40,7 @@ export class ECLChannelPendingTableComponent implements OnInit, AfterViewInit, O
   public pendingChannels: Channel[];
   public totalBalance = 0;
   public displayedColumns: any[] = [];
-  public channels: any;
+  public channels: any = new MatTableDataSource([]);
   public myChanPolicy: any = {};
   public information: GetInfo = {};
   public numPeers = -1;

src/app/eclair/peers-channels/peers/peers.component.ts

@@ -43,7 +43,7 @@ export class ECLPeersComponent implements OnInit, AfterViewInit, OnDestroy {
   public displayedColumns: any[] = [];
   public peerAddress: string | null = '';
   public peersData: Peer[] = [];
-  public peers: any;
+  public peers: any = new MatTableDataSource([]);
   public information: GetInfo = {};
   public availableBalance = 0;
   public pageSize = PAGE_SIZE;

src/app/eclair/routing/forwarding-history/forwarding-history.component.ts

@@ -36,7 +36,7 @@ export class ECLForwardingHistoryComponent implements OnInit, OnChanges, AfterVi
   @Input() filterValue = '';
   public tableSetting: TableSetting = { tableId: 'forwarding_history', recordsPerPage: PAGE_SIZE, sortBy: 'timestamp', sortOrder: SortOrderEnum.DESCENDING };
   public displayedColumns: any[] = [];
-  public forwardingHistoryEvents: any;
+  public forwardingHistoryEvents: any = new MatTableDataSource([]);
   public pageSize = PAGE_SIZE;
   public pageSizeOptions = PAGE_SIZE_OPTIONS;
   public screenSize = '';

src/app/eclair/routing/routing-peers/routing-peers.component.ts

@@ -34,8 +34,8 @@ export class ECLRoutingPeersComponent implements OnInit, AfterViewInit, OnDestro
   public tableSetting: TableSetting = { tableId: 'routing_peers', recordsPerPage: PAGE_SIZE, sortBy: 'totalFee', sortOrder: SortOrderEnum.DESCENDING };
   public routingPeersData: PaymentRelayed[] = [];
   public displayedColumns: any[] = [];
-  public RoutingPeersIncoming: any;
-  public RoutingPeersOutgoing: any;
+  public RoutingPeersIncoming: any = new MatTableDataSource([]);
+  public RoutingPeersOutgoing: any = new MatTableDataSource([]);
   public pageSize = PAGE_SIZE;
   public pageSizeOptions = PAGE_SIZE_OPTIONS;
   public screenSize = '';

src/app/eclair/transactions/create-invoice-modal/create-invoice.component.ts

@@ -31,7 +31,6 @@ export class ECLCreateInvoiceComponent implements OnInit, OnDestroy {
   public invoiceValue: number | null = null;
   public invoiceValueHint = '';
   public invoicePaymentReq = '';
-  public invoices: any;
   public information: GetInfo = {};
   public private = false;
   public expiryStep = 100;

src/app/eclair/transactions/invoices/lightning-invoices.component.ts

@@ -50,7 +50,7 @@ export class ECLLightningInvoicesComponent implements OnInit, AfterViewInit, OnD
   public invoiceValueHint = '';
   public displayedColumns: any[] = [];
   public invoicePaymentReq = '';
-  public invoices: any;
+  public invoices: any = new MatTableDataSource([]);
   public invoiceJSONArr: Invoice[] = [];
   public information: GetInfo = {};
   public selFilter = '';

src/app/lnd/backup/channel-backup-table/channel-backup-table.component.ts

@@ -42,7 +42,7 @@ export class ChannelBackupTableComponent implements OnInit, AfterViewInit, OnDes
   public displayedColumns = ['channel_point', 'actions'];
   public selectedChannel: Channel | null;
   public channelsData: Channel[] = [];
-  public channels: any;
+  public channels: any = new MatTableDataSource([]);
   public screenSize = '';
   public screenSizeEnum = ScreenSizeEnum;
   public errorMessage = '';

src/app/lnd/backup/channel-restore-table/channel-restore-table.component.ts

@@ -35,7 +35,7 @@ export class ChannelRestoreTableComponent implements OnInit, AfterViewInit, OnDe
   public displayedColumns = ['channel_point', 'actions'];
   public selChannel: Channel;
   public channelsData = [];
-  public channels: any;
+  public channels: any = new MatTableDataSource([]);
   public allRestoreExists = false;
   public flgLoading: Array<Boolean | 'error'> = [true]; // 0: channels
   public selFilter = '';

src/app/lnd/graph/lookups/lookups.component.ts

@@ -22,7 +22,6 @@ export class LookupsComponent implements OnInit, OnDestroy {
   public lookupKey = '';
   public lookupValue = {};
   public flgSetLookupValue = false;
-  public temp: any;
   public messageObj = [];
   public selectedFieldId = 0;
   public lookupFields = [

src/app/lnd/graph/query-routes/query-routes.component.ts

@@ -31,7 +31,7 @@ export class QueryRoutesComponent implements OnInit, OnDestroy {
   public tableSetting: TableSetting = { tableId: 'query_routes', recordsPerPage: PAGE_SIZE, sortBy: 'hop_sequence', sortOrder: SortOrderEnum.ASCENDING };
   public destinationPubkey = '';
   public amount = null;
-  public qrHops: any;
+  public qrHops: any = new MatTableDataSource([]);
   public displayedColumns: any[] = [];
   public flgLoading: Array<Boolean | 'error'> = [false]; // 0: peers
   public faRoute = faRoute;

src/app/lnd/on-chain/utxo-tables/on-chain-transaction-history/on-chain-transaction-history.component.ts

@@ -36,7 +36,7 @@ export class OnChainTransactionHistoryComponent implements OnInit, OnChanges, On
   public transactions: Transaction[];
   public faHistory = faHistory;
   public displayedColumns: any[] = [];
-  public listTransactions: any;
+  public listTransactions: any = new MatTableDataSource([]);
   public pageSize = PAGE_SIZE;
   public pageSizeOptions = PAGE_SIZE_OPTIONS;
   public screenSize = '';

src/app/lnd/on-chain/utxo-tables/utxos/utxos.component.ts

@@ -44,7 +44,7 @@ export class OnChainUTXOsComponent implements OnInit, OnChanges, OnDestroy {
   public dustUtxos: UTXO[];
   public addressType = WALLET_ADDRESS_TYPE;
   public displayedColumns: any[] = [];
-  public listUTXOs: any;
+  public listUTXOs: any = new MatTableDataSource([]);
   public pageSize = PAGE_SIZE;
   public pageSizeOptions = PAGE_SIZE_OPTIONS;
   public screenSize = '';

src/app/lnd/peers-channels/channels/channels-tables/channel-active-htlcs-table/channel-active-htlcs-table.component.ts

@@ -32,7 +32,7 @@ export class ChannelActiveHTLCsTableComponent implements OnInit, AfterViewInit,
   @ViewChild(MatPaginator, { static: false }) paginator: MatPaginator | undefined;
   public PAGE_ID = 'peers_channels';
   public tableSetting: TableSetting = { tableId: 'active_HTLCs', recordsPerPage: PAGE_SIZE, sortBy: 'expiration_height', sortOrder: SortOrderEnum.DESCENDING };
-  public channels: any;
+  public channels: any = new MatTableDataSource([]);
   public channelsJSONArr: Channel[] = [];
   public displayedColumns: any[] = [];
   public htlcColumns = [];

src/app/lnd/peers-channels/channels/channels-tables/channel-closed-table/channel-closed-table.component.ts

@@ -36,7 +36,7 @@ export class ChannelClosedTableComponent implements OnInit, AfterViewInit, OnDes
   public faHistory = faHistory;
   public displayedColumns: any[] = [];
   public closedChannelsData: ClosedChannel[] = [];
-  public closedChannels: any;
+  public closedChannels: any = new MatTableDataSource([]);
   public pageSize = PAGE_SIZE;
   public pageSizeOptions = PAGE_SIZE_OPTIONS;
   public screenSize = '';

src/app/lnd/peers-channels/channels/channels-tables/channel-open-table/channel-open-table.component.ts

@@ -49,7 +49,7 @@ export class ChannelOpenTableComponent implements OnInit, AfterViewInit, OnDestr
   public totalBalance = 0;
   public displayedColumns: any[] = [];
   public channelsData: Channel[] = [];
-  public channels: any;
+  public channels: any = new MatTableDataSource([]);
   public myChanPolicy: any = {};
   public information: GetInfo = {};
   public numPeers = -1;

src/app/lnd/peers-channels/peers/peers.component.ts

@@ -40,7 +40,7 @@ export class PeersComponent implements OnInit, AfterViewInit, OnDestroy {
   public faUsers = faUsers;
   public displayedColumns: any[] = [];
   public peersData: Peer[] = [];
-  public peers: any;
+  public peers: any = new MatTableDataSource([]);
   public information: GetInfo = {};
   public pageSize = PAGE_SIZE;
   public pageSizeOptions = PAGE_SIZE_OPTIONS;

src/app/lnd/routing/forwarding-history/forwarding-history.component.ts

@@ -38,7 +38,7 @@ export class ForwardingHistoryComponent implements OnInit, AfterViewInit, OnChan
   public tableSetting: TableSetting = { tableId: 'forwarding_history', recordsPerPage: PAGE_SIZE, sortBy: 'timestamp', sortOrder: SortOrderEnum.DESCENDING };
   public forwardingHistoryData: ForwardingEvent[] = [];
   public displayedColumns: any[] = [];
-  public forwardingHistoryEvents: any;
+  public forwardingHistoryEvents: any = new MatTableDataSource([]);
   public pageSize = PAGE_SIZE;
   public pageSizeOptions = PAGE_SIZE_OPTIONS;
   public screenSize = '';

src/app/lnd/transactions/create-invoice-modal/create-invoice.component.ts

@@ -31,7 +31,6 @@ export class CreateInvoiceComponent implements OnInit, OnDestroy {
   public invoiceValue: number | null;
   public invoiceValueHint = '';
   public invoicePaymentReq = '';
-  public invoices: any;
   public information: GetInfo = {};
   public private = false;
   public expiryStep = 100;

src/app/lnd/transactions/lookup-transactions/lookup-transactions.component.ts

@@ -22,7 +22,6 @@ export class LookupTransactionsComponent implements OnInit, OnDestroy {
   public lookupKey = '';
   public lookupValue = {};
   public flgSetLookupValue = false;
-  public temp: any;
   public messageObj = [];
   public selectedFieldId = 0;
   public lookupFields = [

src/app/lnd/transactions/payments/lightning-payments.component.ts

@@ -47,7 +47,7 @@ export class LightningPaymentsComponent implements OnInit, AfterViewInit, OnDest
   public selNode: SelNodeChild | null = {};
   public information: GetInfo = {};
   public peers: Peer[] = [];
-  public payments: any;
+  public payments: any = new MatTableDataSource([]);
   public totalPayments = 100;
   public paymentJSONArr: Payment[] = [];
   public displayedColumns: any[] = [];

src/app/shared/components/ln-services/boltz/swaps/swaps.component.ts

@@ -42,7 +42,7 @@ export class BoltzSwapsComponent implements OnInit, AfterViewInit, OnChanges, On
   public faHistory = faHistory;
   public swapCaption = 'Swap Out';
   public displayedColumns: any[] = [];
-  public listSwaps: any;
+  public listSwaps: any = new MatTableDataSource([]);
   public selFilter = '';
   public pageSize = PAGE_SIZE;
   public pageSizeOptions = PAGE_SIZE_OPTIONS;

src/app/shared/components/ln-services/loop/swaps/swaps.component.ts

@@ -41,7 +41,7 @@ export class SwapsComponent implements OnInit, AfterViewInit, OnChanges, OnDestr
   public faHistory = faHistory;
   public swapCaption = 'Loop Out';
   public displayedColumns: any[] = [];
-  public listSwaps: any;
+  public listSwaps: any = new MatTableDataSource([]);
   public selFilter = '';
   public pageSize = PAGE_SIZE;
   public pageSizeOptions = PAGE_SIZE_OPTIONS;

src/app/shared/components/transactions-report-table/transactions-report-table.component.ts

@@ -31,7 +31,7 @@ export class TransactionsReportTableComponent implements OnInit, AfterViewInit,
   @ViewChild(MatPaginator, { static: false }) paginator: MatPaginator | undefined;
   public timezoneOffset = new Date(Date.now()).getTimezoneOffset() * 60;
   public scrollRanges = SCROLL_RANGES;
-  public transactions: any;
+  public transactions: any = new MatTableDataSource([]);
   public pageSize = PAGE_SIZE;
   public pageSizeOptions = PAGE_SIZE_OPTIONS;
   public screenSize = '';