How to Add a Route to RSK?

I am having trouble adding a new page/route to RSK. I have started with the current head (310bb5d), and done these steps:

1. Duplicate the routes/contact folder, and rename it to ‘grumble’.
2. Rename the file names to Grumble.css and Grumble.js
3. Edit Grumble.js: s/Contact/Grumble/g
4. Edit index.js: change path to ‘/grumble’, and s/Contact/Grumble/g
5. Edit routes/index.js to import grumble from './grumble'; and to add grumble, to the end of the children list

npm run start opens the browser to the home page at localhost:3001 localhost:3001/contact gives the contact page localhost:3001/grumble gives a blank page, instead of a copy of the Contact page.

What else do I need to do? Thanks.

[richb-hanover]

Ahah. That did the trick! All my (own) routes must appear above “content”, so routes.index.js is now:

...
import error from './error';
import grumble from './grumble';

export default {

  path: '/',

  children: [
    home,
    contact,
    login,
    register,
    grumble,   // add the new route *above* the 'content' and 'error' entries in the list
    content,   // these two must be last
    error,     // these two must be last
  ],
...

A new question: why is error listed below content? Thanks!

[ulani]

@richb-hanover thank you very much for crating this issue! Unfortunately, we have close it due to inactivity. Feel free to re-open it or join our Discord channel for discussion.

NOTE: The main branch has been updated with React Starter Kit v2, using JAM-style architecture.