How can I run wouter in the browser? #289

brunnock · 2023-02-19T12:36:55Z

brunnock
Feb 19, 2023

The following doesn't work for me (Chrome 109)-

<!DOCTYPE html>

<html lang="en">

  <head>
    <meta charset="utf-8">
    <title>Wouter</title>
    <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
  </head>

<body>

  <main id="main"></main>

  <script type="text/babel" data-type="module">

    import React from 'https://cdn.jsdelivr.net/npm/react@17/+esm';
    import ReactDOM from 'https://cdn.jsdelivr.net/npm/react-dom@17/+esm'
    import { Link, Route } from 'https://cdn.jsdelivr.net/npm/wouter/+esm';

    const App = () => (
  <div>
    <Link href="/users/1">
      <a className="link">Profile</a>
    </Link>

    <Route path="/about">About Us</Route>
    <Route path="/users/:name">{(params) => <div>Hello, {params.name}!</div>}</Route>
  </div>
);

    const main = document.querySelector('#main');
    ReactDOM.render(<App />, main);

  </script>

</body>
</html>

The preceding throws off react-dom.production.min.js:216 TypeError: Cannot read properties of null (reading 'useContext').

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

How can I run wouter in the browser? #289

{{title}}

Replies: 0 comments

Select a reply

How can I run wouter in the browser? #289

brunnock Feb 19, 2023

Replies: 0 comments

brunnock
Feb 19, 2023