Move no-match handling out of resolver

src/createBaseRouter.js

@@ -43,6 +43,14 @@ export default function createBaseRouter({ routeConfig, matcher }) {
       const routes = getRoutes(routeConfig, match);
       const fullMatch = { ...match, routes, matcher, context: matchContext };
 
+      if (!routes) {
+        // Immediately render a "not found" error if no routes matched.
+        this.setState({
+          element: render({ ...fullMatch, error: new HttpError(404) }),
+        });
+        return;
+      }
+
       try {
         // ESLint doesn't handle for-await yet.
         // eslint-disable-next-line semi

src/resolveElements.js

@@ -2,8 +2,6 @@ import isPromise from 'is-promise';
 import React from 'react';
 import warning from 'warning';
 
-import HttpError from './HttpError';
-
 const UNRESOLVED = {};
 
 function checkResolved(value) {
@@ -73,9 +71,6 @@ function createElements(match, Components, matchData) {
 
 export default async function* resolveElements(match) {
   const { routes } = match;
-  if (!routes) {
-    throw new HttpError(404);
-  }
 
   const Components = routes.map(route => (
     route.getComponent ? route.getComponent(match) : route.Component