Uncaught SyntaxError: The requested module 'http://localhost:3000/@fs/home/razvan/Desktop/Licenses/.wasp/out/sdk/wasp/dist/client/operations/index.js' doesn't provide an export named: 'Link'

Uncaught SyntaxError: The requested module 'http://localhost:3000/@fs/home/razvan/Desktop/Licenses/.wasp/out/sdk/wasp/dist/client/operations/index.js' doesn't provide an export named: 'Link'

import React from 'react';
import { useQuery, useAction, getLicenses, createLicense, updateLicense } from 'wasp/client/operations';
import { Link } from 'wasp/client/router';

const DashboardPage = () => {
  const { data: licenses, isLoading, error } = useQuery(getLicenses);
  const createLicenseFn = useAction(createLicense);
  const updateLicenseFn = useAction(updateLicense);
  const [newLicenseName, setNewLicenseName] = React.useState('');
  const [newLicenseNotes, setNewLicenseNotes] = React.useState('');

  if (isLoading) return 'Loading...';
  if (error) return 'Error: ' + error;

  const handleCreateLicense = () => {
    createLicenseFn({ name: newLicenseName, notes: newLicenseNotes });
    setNewLicenseName('');
    setNewLicenseNotes('');
  };

  const handleUpdateLicense = (licenseId, newName, newNotes) => {
    updateLicenseFn({ licenseId, name: newName, notes: newNotes });
  };

  return (
    <div className='p-4'>
      <div className='mb-4'>
        <input
          type='text'
          placeholder='New License Name'
          value={newLicenseName}
          onChange={(e) => setNewLicenseName(e.target.value)}
          className='px-1 py-2 border rounded text-lg'
        />
        <input
          type='text'
          placeholder='New License Notes'
          value={newLicenseNotes}
          onChange={(e) => setNewLicenseNotes(e.target.value)}
          className='px-1 py-2 border rounded text-lg'
        />
        <button
          onClick={handleCreateLicense}
          className='bg-blue-500 hover:bg-blue-700 px-2 py-2 text-white font-bold rounded'
        >
          Add License
        </button>
      </div>
      {licenses.map((license) => (
        <div key={license.id} className='bg-gray-100 p-4 mb-4 rounded-lg'>
          <div>Name: {license.name}</div>
          <div>Notes: {license.notes}</div>
          <button
            onClick={() => handleUpdateLicense(license.id, `${license.name} - Updated`, `${license.notes} - Updated`)}
            className='bg-yellow-500 hover:bg-yellow-700 text-white font-bold py-2 px-4 rounded'
          >
            Update License
          </button>
        </div>
      ))}
    </div>
  );
}

export default DashboardPage;

import React from 'react';
import { useQuery, useAction, getLicenses, createLicense, updateLicense } from 'wasp/client/operations';
import { Link } from 'wasp/client/router';

const DashboardPage = () => {
  const { data: licenses, isLoading, error } = useQuery(getLicenses);
  const createLicenseFn = useAction(createLicense);
  const updateLicenseFn = useAction(updateLicense);
  const [newLicenseName, setNewLicenseName] = React.useState('');
  const [newLicenseNotes, setNewLicenseNotes] = React.useState('');

  if (isLoading) return 'Loading...';
  if (error) return 'Error: ' + error;

  const handleCreateLicense = () => {
    createLicenseFn({ name: newLicenseName, notes: newLicenseNotes });
    setNewLicenseName('');
    setNewLicenseNotes('');
  };

  const handleUpdateLicense = (licenseId, newName, newNotes) => {
    updateLicenseFn({ licenseId, name: newName, notes: newNotes });
  };

  return (
    <div className='p-4'>
      <div className='mb-4'>
        <input
          type='text'
          placeholder='New License Name'
          value={newLicenseName}
          onChange={(e) => setNewLicenseName(e.target.value)}
          className='px-1 py-2 border rounded text-lg'
        />
        <input
          type='text'
          placeholder='New License Notes'
          value={newLicenseNotes}
          onChange={(e) => setNewLicenseNotes(e.target.value)}
          className='px-1 py-2 border rounded text-lg'
        />
        <button
          onClick={handleCreateLicense}
          className='bg-blue-500 hover:bg-blue-700 px-2 py-2 text-white font-bold rounded'
        >
          Add License
        </button>
      </div>
      {licenses.map((license) => (
        <div key={license.id} className='bg-gray-100 p-4 mb-4 rounded-lg'>
          <div>Name: {license.name}</div>
          <div>Notes: {license.notes}</div>
          <button
            onClick={() => handleUpdateLicense(license.id, `${license.name} - Updated`, `${license.notes} - Updated`)}
            className='bg-yellow-500 hover:bg-yellow-700 text-white font-bold py-2 px-4 rounded'
          >
            Update License
          </button>
        </div>
      ))}
    </div>
  );
}

export default DashboardPage;