fix lint and test

Author: kentcdodds

app/routes/_app+/_layout.tsx

@@ -87,9 +87,9 @@ export default function Layout() {
 					</div>
 				</nav>
 			</header>
-			<div className="flex-1">
+			<main className="flex-1">
 				<Outlet />
-			</div>
+			</main>
 			<footer className="container my-4 flex items-center justify-between pb-5">
 				<div className="flex items-center gap-4">
 					<Logo />
@@ -153,7 +153,7 @@ function UserDropdown() {
 					<Link
 						to={`/users/${user.username}`}
 						// this is for progressive enhancement
-						onClick={e => e.preventDefault()}
+						onClick={(e) => e.preventDefault()}
 						className="flex items-center gap-2"
 					>
 						<span className="text-body-sm font-bold">
@@ -181,7 +181,7 @@ function UserDropdown() {
 					<DropdownMenuItem
 						asChild
 						// this prevents the menu from closing before the form submission is completed
-						onSelect={event => {
+						onSelect={(event) => {
 							event.preventDefault()
 							submit(formRef.current)
 						}}

tests/e2e/onboarding.test.ts

@@ -21,6 +21,7 @@ const test = base.extend<{
 }>({
 	getOnboardingData: async ({}, use) => {
 		const userData = createUser()
+		// eslint-disable-next-line react-hooks/rules-of-hooks
 		await use(() => {
 			const onboardingData = {
 				...userData,

tests/e2e/send.test.ts

@@ -78,7 +78,7 @@ test('Scheduled messages go out on schedule', async ({ page, login }) => {
 	await page.goto(`/recipients/${recipient.id}/past`)
 	await expect(page.getByText(/sent 0 messages/i)).toBeVisible()
 
-	await prisma.$transaction(async $prisma => {
+	await prisma.$transaction(async ($prisma) => {
 		await $prisma.recipient.update({
 			select: { id: true },
 			where: { id: recipient.id },

tests/playwright-utils.ts

@@ -65,7 +65,8 @@ export const test = base.extend<{
 }>({
 	insertNewUser: async ({}, use) => {
 		let userId: string | undefined = undefined
-		await use(async options => {
+		// eslint-disable-next-line react-hooks/rules-of-hooks
+		await use(async (options) => {
 			const user = await getOrInsertUser(options)
 			userId = user.id
 			return user
@@ -74,7 +75,8 @@ export const test = base.extend<{
 	},
 	login: async ({ page }, use) => {
 		let userId: string | undefined = undefined
-		await use(async options => {
+		// eslint-disable-next-line react-hooks/rules-of-hooks
+		await use(async (options) => {
 			const user = await getOrInsertUser(options)
 			userId = user.id
 			const session = await prisma.session.create({
@@ -123,7 +125,7 @@ export async function waitFor<ReturnValue>(
 		} catch (e: unknown) {
 			lastError = e
 		}
-		await new Promise(r => setTimeout(r, 100))
+		await new Promise((r) => setTimeout(r, 100))
 	}
 	throw lastError
 }