Add a "edit this page" button on the NotFound page

[Salamandar]

I'm trying to add a link to the "edit url" of the page on the NotFound page. I swizzled it and am trying to call useDoc() to get the page metadata and the editUrl. But I get Hook is called outside the <DocProvider>. (yes with two spaces between Hook and is).

It looks like the NotFound page is not linked to the doc plugin, so I can't call useDoc… Is there another way to get the editUrl?

Thanks!

[slorber]

The NotFound page is generic. You are not on a doc, so you can't call useDoc(). There's no "doc page metadata" for the NotFound page, it's just a standalone fallback page.

There is no way for Docusaurus to figure out which doc this "edit this page" button should link to. It can be any doc, or even a blog post. If you want to render such button on this page, you'd probably have to hardcode the URL you want to edit, or provide your own logic.

[slorber]

Regarding the double-space error message, I guess it may depend on how your browser render stacktraces. Could you please share which browser are you using? Or is this error from Node.js?

export class ReactContextError extends Error {
  constructor(providerName: string, additionalInfo?: string) {
    super();
    this.name = 'ReactContextError';
    this.message = `Hook ${
      this.stack?.split('\n')[1]?.match(/at (?:\w+\.)?(?<name>\w+)/)?.groups!
        .name ?? ''
    } is called outside the <${providerName}>. ${additionalInfo ?? ''}`;
  }
}

[Salamandar]

Thanks for the info. I'll try to find how to provide a custom logic.

I'm on Firefox (latest stable).