chore(build): move to react 18 + vite

src/components/Notice/Notice.tsx

@@ -1,21 +1,18 @@
-import React from "react";
+import { ReactNode } from "react";
 import { motion } from "framer-motion";
 import { useRecoilValue } from "recoil";
-
-import { isDarkThemeSelector } from "../../state/selectors";
-import { searchQueryAtom } from "../../state/atoms";
 import { HourglassMedium, Question, SmileyXEyes } from "phosphor-react";
 
+import { isDarkThemeSelector } from "@/state/selectors";
+import { searchQueryAtom } from "@/state/atoms";
+
 interface NoticeProps {
   message?: string;
   type?: "wait" | "help" | "warn" | "none";
+  children?: ReactNode;
 }
 
-const Notice: React.FC<NoticeProps> = ({
-  message,
-  type = "warn",
-  children,
-}) => {
+const Notice = ({ message, type = "warn", children }: NoticeProps) => {
   const isDark = useRecoilValue(isDarkThemeSelector);
   const query = useRecoilValue(searchQueryAtom);
 

src/components/Notice/index.ts

@@ -0,0 +1 @@
+export { default } from "./Notice";