fix: mandatory params on AddressDetail children (#320)

src/screens/AddressDetail.js

@@ -7,14 +7,18 @@
 
 import React from 'react';
 import { useFlag } from '@unleash/proxy-client-react';
+import { useHistory } from 'react-router-dom/cjs/react-router-dom';
+import { useParams } from 'react-router-dom';
 import AddressDetailExplorer from '../components/AddressDetailExplorer';
 import AddressDetailLegacy from '../components/AddressDetailLegacy';
 import { UNLEASH_ADDRESS_DETAIL_BASE_FEATURE_FLAG } from '../constants';
 import ErrorMessageWithIcon from '../components/error/ErrorMessageWithIcon';
 
-const AddressDetail = props => {
+const AddressDetail = () => {
   const maintenanceMode = useFlag(`${UNLEASH_ADDRESS_DETAIL_BASE_FEATURE_FLAG}.maintenance`);
   const latestMode = useFlag(`${UNLEASH_ADDRESS_DETAIL_BASE_FEATURE_FLAG}.latest`);
+  const history = useHistory();
+  const params = useParams();
 
   if (maintenanceMode) {
     return (
@@ -23,10 +27,10 @@ const AddressDetail = props => {
   }
 
   if (latestMode) {
-    return <AddressDetailExplorer {...props} />;
+    return <AddressDetailExplorer history={history} match={{ params }} />;
   }
 
-  return <AddressDetailLegacy {...props} />;
+  return <AddressDetailLegacy history={history} match={{ params }} />;
 };
 
 export default AddressDetail;