diff --git a/components/Footer.tsx b/components/Footer.tsx
index eb363ca..f9737d0 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -1,23 +1,24 @@
-import { PageProps } from "$fresh/server.ts";
 import translations from "../locales/es.json" with { type: "json" };
-interface State {
+
+interface FooterProps {
   state: { lang: string; translations: typeof translations };
 }
-export default function Footer({ state }: PageProps<State>) {
+
+export default function Footer({ state }: FooterProps) {
   const { lang: _lang, translations } = state;
   return (
     <footer class="text-center text-xs w-full py-1 mt-10 mb-20">
-      {/* deno-lint-ignore react-no-danger */}
       <div
         class="py-1"
+        // deno-lint-ignore react-no-danger
         dangerouslySetInnerHTML={{
           __html: translations.index.footer.development,
         }}
       >
       </div>
-      {/* deno-lint-ignore react-no-danger */}
       <div
         class="py-1"
+        // deno-lint-ignore react-no-danger
         dangerouslySetInnerHTML={{
           __html: translations.index.footer.created,
         }}
diff --git a/routes/[lang]/index.tsx b/routes/[lang]/index.tsx
index 23e7c63..d5de778 100644
--- a/routes/[lang]/index.tsx
+++ b/routes/[lang]/index.tsx
@@ -8,19 +8,23 @@ import AnchorLang from "../../islands/AnchorLang.tsx";
 import translations from "../../locales/es.json" with { type: "json" };
 import { getLanguages } from "../../utils/global.ts";
 
-export const handler: Handlers = {
+interface MiddlewareState {
+  lang: string;
+  translations: typeof translations;
+}
+
+interface Data {
+  languages: string[];
+}
+
+export const handler: Handlers<Data, MiddlewareState> = {
   async GET(_, ctx) {
     const languages = await getLanguages(); // Obtén los lenguajes en el servidor
     return ctx.render({ languages });
   },
 };
 
-interface State {
-  state: { lang: string; translations: typeof translations };
-  languages: string[];
-}
-
-export default function Home({ state, data }: PageProps<State>) {
+export default function Home({ state, data }: PageProps<Data, MiddlewareState>) {
   const { lang, translations } = state;
   const { languages } = data;
   return (
@@ -43,8 +47,8 @@ export default function Home({ state, data }: PageProps<State>) {
                   <ul class="ml-6 list-disc col-span-full text-slate-800/90 dark:text-slate-200/80 text-pretty text-sm">
                     {section.items.map((item, index) => (
                       <li key={index}>
-                        {/* deno-lint-ignore react-no-danger */}
                         <div
+                          // deno-lint-ignore react-no-danger
                           dangerouslySetInnerHTML={{
                             __html: item,
                           }}
diff --git a/routes/_404.tsx b/routes/_404.tsx
index 09f6b87..4bff0f3 100644
--- a/routes/_404.tsx
+++ b/routes/_404.tsx
@@ -1,6 +1,6 @@
 import { Head } from "$fresh/runtime.ts";
-import { pageProps } from "$fresh/server.ts";
-export default function Error404(_props: pageProps<{ message: string }>) {
+import { PageProps } from "$fresh/server.ts";
+export default function Error404(_props: PageProps<{ message: string }>) {
   return (
     <>
       <Head>
diff --git a/routes/index.tsx b/routes/index.tsx
index 8e4f0c9..b693fae 100644
--- a/routes/index.tsx
+++ b/routes/index.tsx
@@ -7,19 +7,23 @@ import AnchorLang from "../islands/AnchorLang.tsx";
 import translations from "../locales/es.json" with { type: "json" };
 import { getLanguages } from "../utils/global.ts";
 
-export const handler: Handlers = {
+interface MiddlewareState {
+  lang: string;
+  translations: typeof translations;
+}
+
+interface Data {
+  languages: string[];
+}
+
+export const handler: Handlers<Data, MiddlewareState> = {
   async GET(_, ctx) {
     const languages = await getLanguages(); // Obtén los lenguajes en el servidor
     return ctx.render({ languages });
   },
 };
 
-interface State {
-  state: { lang: string; translations: typeof translations };
-  languages: string[];
-}
-
-export default function Home({ state, data }: PageProps<State>) {
+export default function Home({ state, data }: PageProps<Data, MiddlewareState>) {
   const { lang, translations } = state;
   const { languages } = data;
   return (
@@ -42,8 +46,8 @@ export default function Home({ state, data }: PageProps<State>) {
                   <ul class="ml-6 list-disc col-span-full text-slate-800/90 dark:text-slate-200/80 text-pretty text-sm">
                     {section.items.map((item, index) => (
                       <li key={index}>
-                        {/* deno-lint-ignore react-no-danger */}
                         <div
+                          // deno-lint-ignore react-no-danger
                           dangerouslySetInnerHTML={{
                             __html: item,
                           }}
