fix: setup real oxlint configuration (#507)

Author: Slashgear

.oxlintrc.json

@@ -0,0 +1,30 @@
+{
+  "$schema": "./node_modules/oxlint/configuration_schema.json",
+  "plugins": ["react", "unicorn", "typescript", "oxc"],
+  "categories": {
+    "correctness": "error",
+    "suspicious": "error",
+    "perf": "error"
+  },
+  "rules": {
+    "react-in-jsx-scope": "off"
+  },
+  "settings": {
+    "jsx-a11y": {
+      "polymorphicPropName": null,
+      "components": {}
+    },
+    "next": {
+      "rootDir": []
+    },
+    "react": {
+      "formComponents": [],
+      "linkComponents": []
+    }
+  },
+  "env": {
+    "builtin": true
+  },
+  "globals": {},
+  "ignorePatterns": []
+}

app/evenements-precedents/[year]/loader.tsx

@@ -1,18 +1,15 @@
 import { H1 } from '../../../modules/atoms/remark/Titles';
-import React, { Suspense } from 'react';
+import React from 'react';
 import { Metadata } from 'next';
 import { PastEvents } from './pastEvents';
-import { Loader } from './loader';
 
 export const revalidate = 3600;
 
 export default async function PastEventsPage({ params: { year } }: { params: { year: string } }) {
   return (
     <main>
       <H1>Évènements précédents</H1>
-      <Suspense fallback={<Loader />}>
-        <PastEvents year={year}></PastEvents>
-      </Suspense>
+      <PastEvents year={year}></PastEvents>
     </main>
   );
 }

app/evenements-precedents/[year]/page.tsx

@@ -32,7 +32,7 @@ export const EventDetail: React.FC<Props> = async ({ event }) => {
           {event.talks
             .filter((talk) => talk.videoLink)
             .map((talk) => (
-              <iframe key={talk.title} width="100%" height="auto" src={talk.videoLink} loading="lazy" />
+              <iframe sandbox="" key={talk.title} width="100%" height="auto" src={talk.videoLink} loading="lazy" />
             ))}
         </div>
       </section>

modules/event/components/EventDetail.tsx

@@ -24,7 +24,9 @@ export const LastReplays = async () => {
         event,
         videoId: talk.videoLink?.split(/embed\//)[1],
       })) as Item[];
-      return [...accumulator, ...(newEvents || [])] as Item[];
+      accumulator.push(...((newEvents || []) as Item[]));
+
+      return accumulator;
     }, [])
     .slice(0, 6);
 

modules/event/components/EventTilePlaceholder.tsx

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.