router not defined with custom express server

[ScottAgirs]

Ever since I added custom Express server to handle clean URLs, withRouter HOC doesn't inject props.router.

Navigating FROM a page where withRouter is not used, TO a page withRouter, router prop is present, however, if the page is refreshed, the router prop is gone.

This is my current server.js setup for the clean urls.:

   server.get('/c/learn/:courseSlug/:lessonSlug', (req, res) => {
      const actualPage = '/course/learn';
      const queryParams = {
        courseSlug: req.params.courseSlug,
        lessonSlug: req.params.lessonSlug
      };
      app.render(req, res, actualPage, queryParams);
    });

How to user withRouter and Router methods with clean URLs?

[timneutkens]

Please provide a full reproduction. withRouter is unrelated to the custom server api.

[ScottAgirs]

Please provide a full reproduction. withRouter is unrelated to the custom server api.

Would love to! Can you please elaborate on how and what is necessary from me? (haven't done this before)

[timneutkens]

A full repository would work 🙏

[ScottAgirs]

https://bitbucket.org/ScottAgirs/ijstobe/src/master/

https://bitbucket.org/ScottAgirs/ijstofe/src/master/

• sorry, if a bit messy.

The Component at stake is ijstofe/src/components/SingleCourseLearn.js
just noticed that ijstofe/src/components/SingleCourse.js works fine with Router and/or withRouter.

[lfades]

@ScottAgirs You need to change the import from

import { SingleCourseLearn } from '../../components/SingleCourseLearn';

to

import SingleCourseLearn from '../../components/SingleCourseLearn';

The default export is the one with withRouter().
btw if you're using Now then you don't need the custom server you currently have, instead you can have a serverless build and add custom routes to now.json like here.