<Scripts />

This component renders the client runtime of your app. You should render it inside the <body> of your HTML, usually in app/root.tsx.

  1. import { Scripts } from "@remix-run/react";
  3. export default function Root() {
  4.   return (
  5.     <html>
  6.       <head />
  7.       <body>
  8.         <Scripts />
  9.       </body>
  10.     </html>
  11.   );
  12. }

If you don’t render the <Scripts/> component, your app will still work like a traditional web app without JavaScript, relying solely on HTML and browser behaviors. That’s cool, but we personally have bigger goals than spinning favicons, so we recommend adding JavaScript to your app 😎