
D:\work-spaces\code-journey\frontend\src\app\page.tsx
   9:66  error  `'` can be escaped with `&apos;`, `&lsquo;`, `&#39;`, `&rsquo;`                                                                                             react/no-unescaped-entities
  12:12  error  `'` can be escaped with `&apos;`, `&lsquo;`, `&#39;`, `&rsquo;`                                                                                             react/no-unescaped-entities
  17:9   error  Do not use an `<a>` element to navigate to `/blog/`. Use `<Link />` from `next/link` instead. See: https://nextjs.org/docs/messages/no-html-link-for-pages  @next/next/no-html-link-for-pages
  31:26  error  `'` can be escaped with `&apos;`, `&lsquo;`, `&#39;`, `&rsquo;`                                                                                             react/no-unescaped-entities

D:\work-spaces\code-journey\frontend\src\components\atoms\ThemeToggle.tsx
  13:5  error  Error: Calling setState synchronously within an effect can trigger cascading renders

Effects are intended to synchronize state between React and external systems such as manually updating the DOM, state management libraries, or other platform APIs. In general, the body of an effect should do one or both of the following:
* Update external systems with the latest state from React.
* Subscribe for updates from some external system, calling setState in a callback function when external state changes.

Calling setState synchronously within an effect body causes cascading renders that can hurt performance, and is not recommended. (https://react.dev/learn/you-might-not-need-an-effect).

D:\work-spaces\code-journey\frontend\src\components\atoms\ThemeToggle.tsx:13:5
  11 |
  12 |   useEffect(() => {
> 13 |     setMounted(true);
     |     ^^^^^^^^^^ Avoid calling setState() directly within an effect
  14 |   }, []);
  15 |
  16 |   if (!mounted) {  react-hooks/set-state-in-effect

Γ£û 5 problems (5 errors, 0 warnings)

