mansavesbabyweldedtocar
mansavesbabyweldedtocar
TTCTheo's Typesafe Cult
Created by mansavesbabyweldedtocar on 7/4/2023 in #questions
Form action expects a string?
Mkay so my packages were way out of date in a specific repo. My bad.
npm uninstall next
npm uninstall @types/react-dom
npm uninstall @types/react

npm install next
npm install @types/react-dom
npm install @types/react
npm uninstall next
npm uninstall @types/react-dom
npm uninstall @types/react

npm install next
npm install @types/react-dom
npm install @types/react
did the trick
5 replies
TTCTheo's Typesafe Cult
Created by mansavesbabyweldedtocar on 7/4/2023 in #questions
Form action expects a string?
Warning: Invalid value for prop `action` on <form> tag. Either remove it from the element, or pass a string or number value to keep it in the DOM. For details, see https://reactjs.org/link/attribute-behavior
Warning: Invalid value for prop `action` on <form> tag. Either remove it from the element, or pass a string or number value to keep it in the DOM. For details, see https://reactjs.org/link/attribute-behavior
^ That is what I get as a runtime error.
5 replies
TTCTheo's Typesafe Cult
Created by mansavesbabyweldedtocar on 7/4/2023 in #questions
Form action expects a string?
export default function SignUp() {
async function signUp(data : any) {
'use server'
console.log(data);

}

return (
<div className="login-container h-full w-full">
<div className="login-form mx-auto max-w-min" >
<form action={signUp}>
<input className="block login-field my-4 px-4 rounded-md font-bold text-center py-2" type="text" placeholder="Email" maxLength={30} required></input>
<input className="block login-field my-4 px-4 rounded-md font-bold text-center py-2" type="password" placeholder="Password" maxLength={30} required></input>
<input className="block login-field my-4 px-4 rounded-md font-bold text-center py-2" type="password" placeholder="Confirm Password..." maxLength={30} required></input>
<button className="login-button w-full block rounded-sm mx-auto text-center py-2 text-2xl"> Sign In</button>
</form>
</div>

</div>)
}
export default function SignUp() {
async function signUp(data : any) {
'use server'
console.log(data);

}

return (
<div className="login-container h-full w-full">
<div className="login-form mx-auto max-w-min" >
<form action={signUp}>
<input className="block login-field my-4 px-4 rounded-md font-bold text-center py-2" type="text" placeholder="Email" maxLength={30} required></input>
<input className="block login-field my-4 px-4 rounded-md font-bold text-center py-2" type="password" placeholder="Password" maxLength={30} required></input>
<input className="block login-field my-4 px-4 rounded-md font-bold text-center py-2" type="password" placeholder="Confirm Password..." maxLength={30} required></input>
<button className="login-button w-full block rounded-sm mx-auto text-center py-2 text-2xl"> Sign In</button>
</form>
</div>

</div>)
}
5 replies
TTCTheo's Typesafe Cult
Created by fasm on 5/23/2023 in #questions
Clerk: auth() was called but it looks like you aren't using authMiddleware in your middleware file
Aah yeah but i had to look for a package called nvm-windows once. Keep in mind its a separate package. Come as an MSI i believe though
13 replies
TTCTheo's Typesafe Cult
Created by fasm on 5/23/2023 in #questions
Clerk: auth() was called but it looks like you aren't using authMiddleware in your middleware file
Had this issue just now. What worked was: - Moving the king middleware.ts to the root of the src folder - alongside app. - Upgrading to Node.js 20 - I did this with nvm since I'm lucky enough to be on Linux - Removing publicRoutes was necessary for the first time running but I'm not certain this had any effect
13 replies
TTCTheo's Typesafe Cult
Created by mathels on 7/1/2023 in #questions
should i buy a mac ?
no. i own 3, i have never paid for one with my own money. they are not worth the small amount of creature comfort they provide. windows is simply more powerful, linux even more so if you're a superuser.
20 replies