For some reason my NoteDetailsPage() function is not being called. I put this function in notes.$noteid.tsx and the loader works exactly as expected. What am I doing wrong? I can provide all of the source code if need be. Is this a Remix V1 vs. V2 problem? Did I accidentally create a resource route? How do I debug this problem? I am at 1:55:14 of https://www.youtube.com/watch?v=RBYJTop1e-g&t=3843s. Thank you.

The path "/components/NewNote" is imported in app/routes/notes.jsx but "/components/NewNote" was not found in your node_modules. Did you forget to install it?
✘ [ERROR] Could not resolve "~/components/NewNote"

app/routes/notes.jsx:1:20:
  1 │ import NewNote from '~/components/NewNote';
    ╵                     ~~~~~~~~~~~~~~~~~~~~~~

You can mark the path "~/components/NewNote" as external to exclude it from the bundle, which will remove this error.

I also noticed that your slides reference a remix.config.js that is different from the one here in github (but trying either doesn't change the error)

As well, the npx create-remix added:
// import { cssBundleHref } from "@remix-run/css-bundle";
and
// export const links = () => [
// ...(cssBundleHref ? [{ rel: "stylesheet", href: cssBundleHref }] : []),
// ];

and I commented those out in favor of the course's method of doing links etc.