lau@Lauras-MBP-29 memberbooking % npm run build

> memberbooking@0.1.0 build
> react-scripts build

Creating an optimized production build...
Failed to compile.

Module not found: Error: Can't resolve '@descope/sdk' in '/Users/lau/Desktop/booking/memberbooking/src'

@descope/react-sdk

import { AuthProvider, Descope, useSession, useUser, useDescope } from '@descope-react/sdk';
import React from 'react';
import Logo from '/Users/lau/Desktop/booking/memberbooking/src/main_logo.png';

const App = () => {
  const { isAuthenticated, isSessionLoading } = useSession();
  const { user, isUserLoading } = useUser();
  const { logout } = useDescope();

  return (
    <div className="App">
      <img src={Logo} alt="member_logo" className="logo" />

      {isSessionLoading || isUserLoading ? (
        <p>Loading...</p>
      ) : isAuthenticated ? (
        <>
          <p>Hello {user.name}</p>
          <div>My Private Component</div>
          <button onClick={logout}>Logout</button>
        </>
      ) : (
        <Descope
          flowId="sign-up-or-in"
          onSuccess={(e) => console.log(e.detail.user)}
          onError={(e) => console.log('Could not log in!')}
          theme="light"
        />
      )}

      <iframe
        src="<https://demo.sevenrooms.com/reservations/theobscureDEMO>"
        width="100%"
        height="1200px"
        title="The Obscure DEMO Reservations"
        style={{ border: 'none', overflow: 'hidden' }}
      />
    </div>
  );
};

const AppRoot = () => {
  return (
    <AuthProvider projectId='P2Of3chsSCHf3C99DkiigKE19flu'>
      <App />
    </AuthProvider>
  );
};

export default AppRoot;

@descope/react-sdk