@@ -1,6 +1,8 @@
11import { useCallback, useMemo, useState, useRef, useEffect } from 'react';
22import { last, includes as _includes, findIndex } from 'lodash';
33
4+const NULL_DATA = {};
5+
46/**
57 * @param primary whether or not this is the top-level router
68 * @param names map of string to view key, used for consumer references
@@ -80,7 +82,7 @@ export default function useRouter({
8082 const includes = useCallback(key => _includes(routes.map(r => r.key), key), [
8183 routes,
8284 ]);
83− const data = useMemo(() => last(routes).data, [routes]);
85+ const data = useMemo(() => last(routes).data || NULL_DATA, [routes]);
8486 const Route = useMemo(() => views[peek().key], [views, peek]);
8587
8688 // Scroll to top of page with each route transition