<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.

import { Scripts } from "@remix-run/react";

export default function Root() {
  return (
      <head />
        <Scripts />

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.


The <Scripts> component can pass through certain attributes to the underlying <script> tags such as:

You cannot pass through attributes such as async/defer/src/type/noModule because they are managed by Remix internally.

Docs and examples licensed under MIT