Wasp + DaisyUI setup

Main.css

@tailwind base;
@tailwind components;
@tailwind utilities;

main.wasp

app daisyUiTest {
  wasp: {
    version: "^0.11.3"
  },
  title: "daisy-ui-test",
  dependencies: [
    ("daisyui", "^3.6.4")
  ]
}

route RootRoute { path: "/", to: MainPage }
page MainPage {
  component: import Main from "@client/MainPage.jsx"
}

MainPage.jsx

import './Main.css'

const MainPage = () => {
  return (
    <div className="flex flex-col items-center justify-center h-screen bg-gray-100">
      <h1 className="text-3xl bold">Hello</h1>
      <button class="btn">This works</button>
    </div>
  )
}
export default MainPage

postcss.config.cjs

module.exports = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  },
}

tailwind.config.cjs

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [ "./src/**/*.{js,jsx,ts,tsx}" ],
  theme: {
    extend: {},
  },
  plugins: [require("daisyui")],
}