Slashes at end of URLs

Is there a way to avoid the “/” characters getting added to my URLs?

In this sandbox, click on the /page1 or /page2 links and you will see the URL change to /page1/ or /page2/. Happens in my own app, too.

https://codesandbox.io/s/n7v5o7j310

All the code:

import React from "react";
import ReactDOM from "react-dom";
import { mount, route } from "navi";
import { Router, Link } from "react-navi";

import "./styles.css";

const routes = mount({
  "/": route({
    view: () => (
      <p>
        Home. Go to <Link href="/page1">page 1</Link> or{" "}
        <Link href="/page2">page 2</Link>.
      </p>
    )
  }),
  "/page1": route({
    view: () => (
      <p>
        Page 1. Go <Link href="/">home</Link> or to{" "}
        <Link href="/page2">page 2</Link>.
      </p>
    )
  }),
  "/page2": route({
    view: () => (
      <p>
        Page 2. Go <Link href="/">home</Link> or to{" "}
        <Link href="/page1">page 1</Link>.
      </p>
    )
  })
});

function App() {
  return (
    <div className="App">
      <Router routes={routes} />
    </div>
  );
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

[squarism]

I was getting Error: Not implemented: window.scroll. Just for the boilerplate create-react-app “App doesn’t crash” type test. I have a test setup file that jest loads. It has a global.window variable to handle this and like session storage. I don’t know of a better solution than this but I got rid of that error @jdiamond by doing this. Jest runs without errors but I just got this working.

// setup.js - loaded by jest as part of setupFilesAfterEnv

// many other things like enzyme setup etc ...

global.window = {}
window.scroll = function () { }
// or window.scroll = () => { }

Maybe your project is slightly different, maybe this helps. 🎈

[lookfirst]

@lookfirst Would you be horrified to know that I googled this and found my own comment and used it two years later? 🌻

We code in javascript, nothing horrifies us anymore. =)