♻️ eslint import-access/jsdoc

src/components/page/common/404/404.page.tsx

@@ -1,6 +1,9 @@
 import { Link } from "~/components/lib/router/Link";
 import { successButton } from "~/constants/buttonColor";
 
+/**
+ * @package
+ */
 export const NotFound = () => {
   return (
     <main className="p-4 text-white bg-red-600">

src/components/page/private/Main/Main.page.tsx

@@ -1,3 +1,6 @@
+/**
+ * @package
+ */
 export const Main = () => {
   return <div>main</div>;
 };

src/components/page/public/About/index.tsx

@@ -1,6 +1,9 @@
 import { Head } from "~/components/lib/react-helmet-async/Head";
 import { About } from "~/components/page/public/About/About.page";
 
+/**
+ * @package
+ */
 const AboutPage = () => {
   return (
     <>

src/components/page/public/NestOne/NestOne.page.tsx

@@ -2,6 +2,9 @@ import { Link } from "~/components/lib/router/Link";
 import { Outlet } from "~/components/lib/router/Outlet";
 import { errorButton, successButton } from "~/constants/buttonColor";
 
+/**
+ * @package
+ */
 export const NestOne = () => {
   return (
     <main className="p-4 bg-slate-700">

src/components/page/public/NestPostDetail/NestPostDetail.page.tsx

@@ -6,6 +6,9 @@ import { postService } from "~/services/post.service";
 
 const { useGetPostDetail } = postService;
 
+/**
+ * @package
+ */
 export const NestPostDetail = () => {
   const { postId } = useParams();
   const { data } = useGetPostDetail(String(postId), { enabled: !!postId });

src/components/page/public/NestPosts/NestPosts.page.tsx

@@ -5,6 +5,9 @@ import { postService } from "~/services/post.service";
 
 const { useGetPostList } = postService;
 
+/**
+ * @package
+ */
 export const NestPosts = () => {
   const { data } = useGetPostList();
 

src/components/page/public/NestThree/NestThree.page.tsx

@@ -2,6 +2,9 @@ import { Link } from "~/components/lib/router/Link";
 import { Outlet } from "~/components/lib/router/Outlet";
 import { successButton } from "~/constants/buttonColor";
 
+/**
+ * @package
+ */
 export const NestThree = () => {
   return (
     <main className="p-4 bg-slate-300">

src/components/page/public/NestTwo/NestTwo.page.tsx

@@ -2,6 +2,9 @@ import { Link } from "~/components/lib/router/Link";
 import { Outlet } from "~/components/lib/router/Outlet";
 import { errorButton, successButton } from "~/constants/buttonColor";
 
+/**
+ * @package
+ */
 export const NestTwo = () => {
   return (
     <main className="p-4 bg-slate-500">

src/components/page/public/PostDetail/PostDetail.page.tsx

@@ -6,6 +6,9 @@ import { postService } from "~/services/post.service";
 
 const { useGetPostDetail } = postService;
 
+/**
+ * @package
+ */
 export const PostDetail = () => {
   const { postId } = useParams();
   const { data } = useGetPostDetail(String(postId), { enabled: !!postId });

src/components/page/public/Posts/Posts.page.tsx

@@ -4,6 +4,9 @@ import { postService } from "~/services/post.service";
 
 const { useGetPostList } = postService;
 
+/**
+ * @package
+ */
 export const Posts = () => {
   const { data } = useGetPostList();
 

src/components/provider/ErrorBoundary/Fallback/AppFallback.tsx

@@ -1,11 +1,13 @@
 import type { FC } from "react";
 
-import type { ErrorFallbackProps } from "./ErrorFallbackProps";
-
-const onReload = () => {
-  window.location.assign(window.location.origin);
+type ErrorFallbackProps = {
+  error: Error;
+  resetErrorBoundary: () => void;
 };
 
+/**
+ * @package
+ */
 export const AppFallback: FC<ErrorFallbackProps> = ({ error }) => {
   return (
     <div role="alert">
@@ -15,3 +17,7 @@ export const AppFallback: FC<ErrorFallbackProps> = ({ error }) => {
     </div>
   );
 };
+
+const onReload = () => {
+  window.location.assign(window.location.origin);
+};

src/components/provider/ErrorBoundary/Fallback/LayoutFallback.tsx

@@ -1,8 +1,14 @@
 import type { FC } from "react";
 import { useNavigate } from "react-router-dom";
 
-import type { ErrorFallbackProps } from "./ErrorFallbackProps";
+type ErrorFallbackProps = {
+  error: Error;
+  resetErrorBoundary: () => void;
+};
 
+/**
+ * @package
+ */
 export const LayoutFallback: FC<ErrorFallbackProps> = ({ error }) => {
   const navigate = useNavigate();
 

src/components/provider/ErrorBoundary/index.tsx

@@ -1,8 +1,12 @@
 import type { FC, ReactNode } from "react";
 import { ErrorBoundary as ReactErrorBoundary } from "react-error-boundary";
 
-import { LayoutFallback } from "./Fallback";
-import type { ErrorFallbackProps } from "./Fallback/ErrorFallbackProps";
+import { LayoutFallback } from "~/components/provider/ErrorBoundary/Fallback";
+
+type ErrorFallbackProps = {
+  error: Error;
+  resetErrorBoundary: () => void;
+};
 
 type ErrorBoundaryProps = {
   children: ReactNode;

src/providers/ReactHelmetProvider.tsx

@@ -5,6 +5,9 @@ type Props = {
   children: ReactNode;
 };
 
+/**
+ * @package
+ */
 export const ReactHelmetProvider: FC<Props> = ({ children }) => {
   return <HelmetProvider>{children}</HelmetProvider>;
 };

src/providers/ReactQueryProvider.tsx

@@ -15,6 +15,9 @@ const queryClient = new QueryClient({
   },
 });
 
+/**
+ * @package
+ */
 export const ReactQueryProvider: FC<Props> = ({ children }) => {
   return (
     <QueryClientProvider client={queryClient}>

src/providers/ReactRouterProvider.tsx

@@ -5,6 +5,9 @@ type Props = {
   children: ReactNode;
 };
 
+/**
+ * @package
+ */
 export const ReactRouterProvider: FC<Props> = ({ children }) => {
   return <BrowserRouter>{children}</BrowserRouter>;
 };