TypeError: Cannot read property 'active_workflows' of undefined

[sentry-io]

Sentry Issue: FEM-APP-PROJECT-98

TypeError: Cannot read property 'active_workflows' of undefined
  at HeroContainer_storeMapper (/usr/src/packages/app-project/.next/server/static/DebAPKhRjlAP6tKPCB3DQ/pages/projects/[owner]/[project].js:2004:48)
  at Injector.render (/usr/src/packages/app-project/node_modules/mobx-react/index.js:645:33)
  at Object.allowStateChanges [as _allowStateChanges] (/usr/src/packages/app-project/node_modules/mobx/lib/mobx.js:974:15)
  at None (/usr/src/packages/app-project/node_modules/mobx-react/index.js:851:28)
  at trackDerivedFunction (/usr/src/packages/app-project/node_modules/mobx/lib/mobx.js:764:24)
...
(23 additional frame(s) were not displayed)

We should not attempt to request for workflows when the project is not found and instead route to a 404 page with a user friendly error message.

[eatyourgreens]

The code that loads a project does it via a throwaway instance of a store, which is odd.

front-end-monorepo/packages/app-project/pages/_app.js

Lines 49 to 55 in 9f17eea

	const { owner, project } = context.query
	if (owner && project) {
	const projectSlug = `${owner}/${project}`
	const query = (context.query.env) ? { env: context.query.env } : {}
	await store.project.fetch(projectSlug, query)
	pageProps.initialState = getSnapshot(store)
	}

It might be better to move data loading into getServerSideProps(request, response) and send back a 404 response if the project doesn't exist. I'm not sure what (if anything) that would break.

[eatyourgreens]

See #1823.

[eatyourgreens]

See vercel/next.js#11644 for code that sends a 404 response.