Link to a dynamic route page doesn't work

[christian-schab]

Issue descriptions

Clicking on a link to a dynamic route page does not load the page. The DOM is not modified at all.
The console shows a 404 error for loading a js file containing the full slug.
e.g. /posts/post-1234.js 404 (Not Found)

Steps to reproduce the issue

1. wrangler generate my-project https://github.com/flareact/flareact-template
2. change flareact version in package.json to a current version e.g. "0.8.0-canary.2"
3. Set a account_id in wrangler.toml
4. Add a file "/pages/posts/[slug].js" like

import Link from "flareact/link";

export async function getStaticProps({ params }) {
    const { slug } = params;
    return {
        props: {
            slug,
        },
        // Revalidate every 8 hours
        revalidate: 60 * 60 * 8,
    };
}

export default function Post({ slug }) {
    return (
        <div className="container">
            <h1>Slug: {slug}</h1>
            <p>
                <Link href="/">
                    <a>Home</a>
                </Link>
            </p>
        </div>
    );
}

5. Change index.js to contain link to dynamic route pages, e.g.:

import Link from "flareact/link";

export default function Index() {
  return (
    <div>
          <h1>
              You're running React on the Edge!
          </h1>
        <p>
            <Link href="/posts/test-1"><a>Test 1</a></Link><br/>
            <Link href="/posts/test-2"><a>Test 2</a></Link><br/>
            <Link href="/posts/test-3"><a>Test 3</a></Link><br/>
            <Link href="/posts/test-4"><a>Test 4</a></Link><br/>

        </p>
    </div>
  );
}

6. npm install
7. npm run dev
8. Open Browser for http://127.0.0.1:8787
9. Click on one of the links

What's the expected result?

I expect to see the requests page content.

What's the actual result?

The document body doesn't change at all.
The browser console shows a 404 error for a js file

[jplhomer]

Hi @christian-schab thanks for the bug report. This is actually the expected behavior right now, as you aren't providing an as parameter: https://flareact.com/docs/flareact-link#dynamic-routes

I realized this is out of sync with what is in the with-cms-wordpress example 🙈 I've updated it.

I do think we could do a better job of either:

• Performing a "hard" page navigation if the route can't be found
• Displaying a console error when router can't load the page
• Infer the dynamic route on the client without requiring an as parameter, like Next.js recently shipped