Migration issues
I'm migrating from .14 to .15 and i get this - "\x1B[33m[\x1B[0m \x1B[33mWasp\x1B[0m \x1B[33m]\x1B[0m ext-src/client/auth/PasswordReset.tsx(7,6): error TS2559: Type '{ children: Element[]; }' has no properties in common with type 'IntrinsicAttributes'.\n" +
import { ResetPasswordForm } from 'wasp/client/auth';
import { Link } from 'react-router-dom';
import { AuthWrapper } from './authWrapper';
export function PasswordReset() {
return (
<AuthWrapper>
<ResetPasswordForm />
<br />
<span className='text-sm font-medium text-gray-900'>
If everything is okay, <Link to='/login'>go to login</Link>
</span>
</AuthWrapper>
);
}
Type '{ children: Element[]; }' has no properties in common with type 'IntrinsicAttributes'.ts(2559)
(alias) function AuthWrapper(): React.JSX.Element
import AuthWrapperimport { ReactNode } from 'react';
import { Outlet } from 'react-router-dom'
export function AuthWrapper() {
return (
<div className='flex min-h-full flex-col justify-center pt-10 sm:px-6 lg:px-8'>
<div className='sm:mx-auto sm:w-full sm:max-w-md'>
<div className='bg-white py-8 px-4 shadow-xl ring-1 ring-gray-900/10 sm:rounded-lg sm:px-10 dark:bg-white dark:text-gray-900'>
<div className='-mt-8'>
<Outlet />
</div>
</div>
</div>
</div>
);
}
import { ResetPasswordForm } from 'wasp/client/auth';
import { Link } from 'react-router-dom';
import { AuthWrapper } from './authWrapper';
export function PasswordReset() {
return (
<AuthWrapper>
<ResetPasswordForm />
<br />
<span className='text-sm font-medium text-gray-900'>
If everything is okay, <Link to='/login'>go to login</Link>
</span>
</AuthWrapper>
);
}
Type '{ children: Element[]; }' has no properties in common with type 'IntrinsicAttributes'.ts(2559)
(alias) function AuthWrapper(): React.JSX.Element
import AuthWrapperimport { ReactNode } from 'react';
import { Outlet } from 'react-router-dom'
export function AuthWrapper() {
return (
<div className='flex min-h-full flex-col justify-center pt-10 sm:px-6 lg:px-8'>
<div className='sm:mx-auto sm:w-full sm:max-w-md'>
<div className='bg-white py-8 px-4 shadow-xl ring-1 ring-gray-900/10 sm:rounded-lg sm:px-10 dark:bg-white dark:text-gray-900'>
<div className='-mt-8'>
<Outlet />
</div>
</div>
</div>
</div>
);
}
