ragnar Posts - Answer Overflow

ragnar

Explore posts from servers

•Created by ragnar on 3/12/2025 in #questions

Tailwindcss looks weird after @uploadthing/react/styles.css

https://docs.uploadthing.com/getting-started/appdir#add-upload-things-styles I have completed all the steps in the documentation but there are still problems with my project. The styles of my project are all messed up. Any solution? versions:

"next": "15.2.1",
"react": "^19.0.0",
"@uploadthing/react": "^7.3.0",
"uploadthing": "^7.5.2",
"tailwindcss": "^4"

"next": "15.2.1",
"react": "^19.0.0",
"@uploadthing/react": "^7.3.0",
"uploadthing": "^7.5.2",
"tailwindcss": "^4"

upload component -->

"use client";

import { twMerge } from "tailwind-merge";
import { UploadDropzone } from "@/lib/uploadthing";

<UploadDropzone config={{ cn: twMerge }} />

"use client";

import { twMerge } from "tailwind-merge";
import { UploadDropzone } from "@/lib/uploadthing";

<UploadDropzone config={{ cn: twMerge }} />

globals.css -->

@import "tailwindcss";

@import "uploadthing/tw/v4";
@source "../node_modules/@uploadthing/react/dist";

@import "tailwindcss";

@import "uploadthing/tw/v4";
@source "../node_modules/@uploadthing/react/dist";

app/layout.tsx -->

import "@uploadthing/react/styles.css";
import "./globals.css";

import "@uploadthing/react/styles.css";
import "./globals.css";

2 replies

BABetter Auth

•Created by ragnar on 3/5/2025 in #help

Session duplication bug when two-factor plugin enabled

I have a project that shows otp-modal if two-factor validation is active. The normal is that it creates a session after entering the correct otp code. But as soon as i enter the password the session is created and after i enter the otp code correctly another session is created. What is the solution for this? actions/sign-in.ts -->

"use server";

import { auth } from "@/lib/auth";
import { signInSchema } from "@/schemas";
import { APIError } from "better-auth/api";
import { z } from "zod";

export const signIn = async (values: z.infer<typeof signInSchema>) => {
  const validatedData = signInSchema.parse(values);

  try {
    const response = await auth.api.signInEmail({
      body: {
        email: validatedData.email,
        password: validatedData.password,
        callbackURL: "/verify-email?success=true",
      },
      asResponse: true,
    });

    if (!response.ok) {
      throw new Error("Failed to sign in");
    }

    const data = await response.json();
    console.log("Sign-in Response:", data);

    if (data.twoFactorRedirect) return { twoFactorRedirect: true };

    return null;
  } catch (error) {
    if (error instanceof APIError) {
      if (error.status === "UNAUTHORIZED") {
        throw new Error("Invalid email or password");
      }
      if (error.status === "FORBIDDEN") {
        throw new Error("Email not verified");
      }
    }

    throw new Error("Something went wrong.");
  }
};

"use server";

import { auth } from "@/lib/auth";
import { signInSchema } from "@/schemas";
import { APIError } from "better-auth/api";
import { z } from "zod";

export const signIn = async (values: z.infer<typeof signInSchema>) => {
  const validatedData = signInSchema.parse(values);

  try {
    const response = await auth.api.signInEmail({
      body: {
        email: validatedData.email,
        password: validatedData.password,
        callbackURL: "/verify-email?success=true",
      },
      asResponse: true,
    });

    if (!response.ok) {
      throw new Error("Failed to sign in");
    }

    const data = await response.json();
    console.log("Sign-in Response:", data);

    if (data.twoFactorRedirect) return { twoFactorRedirect: true };

    return null;
  } catch (error) {
    if (error instanceof APIError) {
      if (error.status === "UNAUTHORIZED") {
        throw new Error("Invalid email or password");
      }
      if (error.status === "FORBIDDEN") {
        throw new Error("Email not verified");
      }
    }

    throw new Error("Something went wrong.");
  }
};

sign-in-form -->

import { twoFactor } from "@/lib/auth-client";

  const onSubmit = (values: z.infer<typeof signInSchema>) => {
    startTransition(() => {
      signIn(values)
        .then(async (data) => {
          if (data?.twoFactorRedirect) {
            await twoFactor.sendOtp();
            otpModal.onOpen();
          }
          router.push("/dashboard");
        })
        .catch((error) => toast.error(error.message));
    });
  };

import { twoFactor } from "@/lib/auth-client";

  const onSubmit = (values: z.infer<typeof signInSchema>) => {
    startTransition(() => {
      signIn(values)
        .then(async (data) => {
          if (data?.twoFactorRedirect) {
            await twoFactor.sendOtp();
            otpModal.onOpen();
          }
          router.push("/dashboard");
        })
        .catch((error) => toast.error(error.message));
    });
  };

9 replies

Gaming

Programming