diff --git a/js/components/landing/Landing.js b/js/components/landing/Landing.js
index 6f4b69f530..b8e8ab972a 100644
--- a/js/components/landing/Landing.js
+++ b/js/components/landing/Landing.js
@@ -15,7 +15,7 @@ import { resetCurrentCompoundsSettings } from '../preview/compounds/redux/action
 import { resetProjectsReducer } from '../projects/redux/actions';
 
 const Landing = memo(
-  ({ resetSelectionState, resetTargetState, resetCurrentCompoundsSettings, resetProjectsReducer }) => {
+  ({ resetSelectionState, resetTargetState, resetCurrentCompoundsSettings, resetProjectsReducer, history }) => {
     const { setSnackBarTitle } = useContext(HeaderContext);
     const [loginText, setLoginText] = useState("You're logged in as " + DJANGO_CONTEXT['username']);
 
@@ -54,7 +54,7 @@ const Landing = memo(
         </Grid>
         <Grid item xs={8}>
           {/*<SessionList />*/}
-          <Projects />
+          <Projects history={history} />
         </Grid>
       </Grid>
     );
diff --git a/js/components/preview/Preview.js b/js/components/preview/Preview.js
index 3506bc4a9c..5366cb23a0 100644
--- a/js/components/preview/Preview.js
+++ b/js/components/preview/Preview.js
@@ -63,7 +63,7 @@ const useStyles = makeStyles(theme => ({
   }
 }));
 
-const Preview = memo(({ isStateLoaded, headerHeight }) => {
+const Preview = memo(({ isStateLoaded, headerHeight, match }) => {
   const classes = useStyles();
   const theme = useTheme();
 
diff --git a/js/components/preview/withLoadingProtein.js b/js/components/preview/withLoadingProtein.js
index af448d8cac..5a04e989e0 100644
--- a/js/components/preview/withLoadingProtein.js
+++ b/js/components/preview/withLoadingProtein.js
@@ -18,7 +18,7 @@ export const withLoadingProtein = WrappedComponent => {
       shouldLoadProtein(nglViewList, isStateLoaded, projectId);
     }, [isStateLoaded, nglViewList, projectId, shouldLoadProtein]);
 
-    return <WrappedComponent isStateLoaded={isStateLoaded} {...rest} />;
+    return <WrappedComponent isStateLoaded={isStateLoaded} {...rest} match={match} />;
   });
 
   function mapStateToProps(state) {
diff --git a/js/components/projects/index.js b/js/components/projects/index.js
index 87c2aa3120..bbf394d216 100644
--- a/js/components/projects/index.js
+++ b/js/components/projects/index.js
@@ -163,7 +163,7 @@ export const Projects = memo(({}) => {
           </TableFooter>
         </Table>
       </Panel>
-      <ProjectModal />
+      <ProjectModal history={history} />
     </>
   );
 });
diff --git a/js/components/projects/projectModal/index.js b/js/components/projects/projectModal/index.js
index 6d01e4e518..2a9bce03ac 100644
--- a/js/components/projects/projectModal/index.js
+++ b/js/components/projects/projectModal/index.js
@@ -107,6 +107,7 @@ export const ProjectModal = memo(({}) => {
               const tags = response.data.tags;
 
               dispatch(setCurrentProject({ projectID, authorID, title, description, targetID, tags }));
+
               // create project_target relationShip on BE
               history.push(`${URLS.projects}${projectID}`);
             })
diff --git a/js/components/target/withUpdatingTarget.js b/js/components/target/withUpdatingTarget.js
index fe6a92ac3b..09a0b6bd7a 100644
--- a/js/components/target/withUpdatingTarget.js
+++ b/js/components/target/withUpdatingTarget.js
@@ -48,7 +48,7 @@ export const withUpdatingTarget = WrappedContainer => {
       } else if (target_on === undefined) {
         return <HandleUnrecognisedTarget />;
       } else {
-        return <WrappedContainer {...rest} />;
+        return <WrappedContainer {...rest} match={match} />;
       }
     }
   );