From a016d7a334c2ba2497368752a58145bf4a69f383 Mon Sep 17 00:00:00 2001
From: "Collin M. Barrett" <collinbarrett@users.noreply.github.com>
Date: Sat, 17 Feb 2018 19:58:15 -0600
Subject: [PATCH] fix react-table paging props issue

closes #248
---
 .../ClientApp/components/ListDetailsModal.tsx               | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/FilterLists.Web/ClientApp/components/ListDetailsModal.tsx b/src/FilterLists.Web/ClientApp/components/ListDetailsModal.tsx
index 2849d2457..8f9e47125 100644
--- a/src/FilterLists.Web/ClientApp/components/ListDetailsModal.tsx
+++ b/src/FilterLists.Web/ClientApp/components/ListDetailsModal.tsx
@@ -3,7 +3,7 @@ import "isomorphic-fetch";
 import * as ReactModal from "react-modal";
 
 export default class ListDetailsModal extends React.Component<any, any> {
-    private readonly listId: any;
+    private listId: any;
 
     constructor(props: any) {
         super(props);
@@ -13,6 +13,10 @@ export default class ListDetailsModal extends React.Component<any, any> {
         this.handleCloseModal = this.handleCloseModal.bind(this);
     }
 
+    componentWillReceiveProps(nextProps: any) {
+        this.listId = nextProps.listId;
+    }
+
     handleOpenModal() {
         this.setState({ showModal: true });
         fetch(`https://api.filterlists.com/v1/lists/${this.listId}`)