nextj ssr

Author: alexjs-dev

components/Input/Checkbox.js

@@ -2,6 +2,7 @@
 /* eslint-disable jsx-a11y/no-noninteractive-tabindex */
 import React from 'react'
 import classNames from 'classnames'
+import omit from 'lodash/omit'
 import { Field } from 'redux-form'
 import PropTypes from 'prop-types'
 import InputLabel from './parts/InputLabel'
@@ -85,7 +86,7 @@ CheckboxComponent.propTypes = {
   isRequired: PropTypes.bool,
   small: PropTypes.bool,
   input: PropTypes.shape({
-    value: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
+    value: PropTypes.any,
     onChange: PropTypes.func,
   }),
   meta: PropTypes.shape({

package.json

@@ -6,10 +6,10 @@
     "node": "12.x"
   },
   "scripts": {
-    "dev": "next dev && npm run open",
+    "dev": "next",
     "rebuild": "node importBuilder",
-    "build": "next build",
-    "start": "next start -p $PORT",
+    "build": "next build && next export",
+    "start": "next build && next start -p $PORT",
     "open": "concurrently \"http-server -a localhost -p 3000\" \"open http://localhost:3000\"",
     "component": "node tools/create/component.js",
     "reboot": "heroku builds:cancel -a forautoweb && heroku restart -a forautoweb",

pages/_document.js renamed to pages/_document.old.js

@@ -49,11 +49,13 @@ const ListingPage: React.FunctionComponent<Props> = ({ prefetchedListing }) => {
   const { t } = useTranslation()
   const currentListing = useSelector(currentListingSelector)
   const loading = useSelector(currentListingLoadingSelector)
+  console.log('prefetchedListing', prefetchedListing)
   const router = useRouter()
   const { id } = router.query
   const listing: ListingType = isEmpty(currentListing)
     ? prefetchedListing
     : currentListing
+
   useFindListing({ id, prefetchedListing })
   useFindFeaturedListingsOnMount()
 
@@ -143,8 +145,8 @@ export async function getStaticPaths() {
 export async function getStaticProps({ params }: any) {
   try {
     const listingsService = new ListingsService()
-    const listing: ListingType[] = await listingsService.get(params.id)
-    return { props: { prefetchedListing: listing }, revalidate: 6000 }
+    const prefetchedListing: ListingType[] = await listingsService.get(params.id)
+    return { props: { prefetchedListing }, revalidate: 6000 }
   } catch (e) {
     return { props: { prefetchedListing: null }, revalidate: 6000 }
   }