How to replace ID's with auto-generated slugs

[thor9n]

I'm using Payload as a website and webshop CMS, and I want to create nice looking urls instead of the hash generated, e.g. 646ccdc7a8bf800e7f15592d. Preferably one of these:

https://mywebsite.com/products/67/whatever-slug
https://mywebsite.com/products/specific-product-slug

I've found two resources:

• Payload docs which explains how to replace the id field and
• Payload repository which show how to create an auto-populated slug field

I've tried adding hooks to the id field without success.

  fields: [
    {
      name: "id",
      type: "text",
      hooks: {
        // beforeValidate: [formatSlug("title")],
        beforeChange: [formatSlug("title")],
      },
    }
  ...

How can I create a id field that is automatically generated and replaces the hashed id's to be used in querys?

Thanks in advance