Astro Guide

As a script tag

Add the script tag to your root layout.

Refer to the CDN Guide for the available URLs.

astro

<!doctype html>
<html lang="en">
  <head>
    <script is:inline src="https://unpkg.com/react-scan/dist/auto.global.js" />

    <!-- rest of your scripts go under -->
  </head>
  <body>
    <!-- ... -->
  </body>
</html>

As a module import

Add the script to your root layout

astro

<!doctype html>
<html lang="en">
  <head>
    <script>
      import { scan } from 'react-scan';

      scan({
        enabled: true,
      });
    </script>
    <!-- rest of your scripts go under -->
  </head>
  <body>
    <!-- ... -->
  </body>
</html>

If you want react-scan to also run in production, use the react-scan/all-environments import path

diff

- import { scan } from "react-scan";
+ import { scan } from "react-scan/all-environments";