create search page and render PutbackPageModal there

packages/app/src/components/SearchPage2/SearchPageBase.tsx

@@ -3,7 +3,6 @@ import React, {
 } from 'react';
 
 import { useTranslation } from 'next-i18next';
-import dynamic from 'next/dynamic';
 
 import { ISelectableAll } from '~/client/interfaces/selectable-all';
 import AppContainer from '~/client/services/AppContainer';
@@ -44,9 +43,6 @@ type Props = {
 }
 
 const SearchPageBaseSubstance: ForwardRefRenderFunction<ISelectableAll & IReturnSelectedPageIds, Props> = (props:Props, ref) => {
-
-  const PutbackPageModal = dynamic(() => import('../PutbackPageModal'), { ssr: false });
-
   const {
     appContainer,
     pages,
@@ -217,7 +213,6 @@ const SearchPageBaseSubstance: ForwardRefRenderFunction<ISelectableAll & IReturn
         </div>
 
       </div>
-      <PutbackPageModal />
     </div>
   );
 };

packages/app/src/pages/search.page.tsx

@@ -0,0 +1,27 @@
+import {
+  NextPage, GetServerSideProps,
+} from 'next';
+import dynamic from 'next/dynamic';
+
+const SearchPage: NextPage = () => {
+
+  const PutbackPageModal = (): JSX.Element => {
+    const PutbackPageModal = dynamic(() => import('../components/PutbackPageModal'), { ssr: false });
+    return <PutbackPageModal />;
+  };
+
+  return (
+    <>
+      SearchPage
+      <PutbackPageModal />
+    </>
+  );
+};
+
+export const getServerSideProps: GetServerSideProps = async() => {
+  return {
+    props: { },
+  };
+};
+
+export default SearchPage;