Создать приложение React (CRA): Shadcn Framework выглядит странно ⇐ CSS

[Anonymous]

Для существующего приложения Create React (CRA) я хотел установить фреймворк Shadcn для использования некоторых компонентов, таких как Date Picker. Date-Picker также выглядел так же при предварительном полете).

Это my lib/utils.ts
PrettyPrint-Override ">

Код: Выделить всё

import { twMerge } from "tailwind-merge"

export function cn(...inputs: ClassValue[]) {
return twMerge(clsx(inputs))
}

И это мой tailwind.config.ts :

Код: Выделить всё

/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
"./src/**/*.{js,jsx,ts,tsx}",
],
theme: {
extend: {},
},
plugins: [],
corePlugins: {
/* Disable preflight so that it doesn't mess up my design */
preflight: false,
}
}
< /code>
 Что я также попробовал: < /strong>
Я попытался обернуть пример-контент из Shadcn в определенный контейнер, который я включил в своем Tailwind.config.jsexport const LandingPageHero: React.FC = () => {
const [date, setDate] = React.useState({
from: new Date(2022, 0, 20),
to: addDays(new Date(2022, 0, 20), 20),
})

return (

{/* Background and other custom JSX */}

{/* TODO: Searchbar */}






{date?.from ? (
date.to ? (

{format(date.from, "LLL dd, y")} -{" "}
{format(date.to, "LLL dd, y")}

) : (
format(date.from, "LLL dd, y")
)
) : (
Pick a date
)}









);
};

Спасибо за ваше время!


Подробнее здесь: https://stackoverflow.com/questions/796 ... ooks-weird