diff --git a/rslint.config.ts b/rslint.config.ts
index af8dc6a..b07149a 100644
--- a/rslint.config.ts
+++ b/rslint.config.ts
@@ -1,6 +1,7 @@
-import { defineConfig, reactPlugin, ts } from '@rslint/core';
+import { defineConfig, reactPlugin, js, ts } from '@rslint/core';
 
 export default defineConfig([
+  js.configs.recommended,
   ts.configs.recommended,
   reactPlugin.configs.recommended,
   {
diff --git a/src/tool-stack/index.tsx b/src/tool-stack/index.tsx
index c958792..7cfce2d 100644
--- a/src/tool-stack/index.tsx
+++ b/src/tool-stack/index.tsx
@@ -112,3 +112,5 @@ export const ToolStack: React.FC<{ lang: string }> = memo(({ lang }) => {
     </div>
   );
 });
+
+ToolStack.displayName = 'ToolStack';
diff --git a/src/why-rspack/index.tsx b/src/why-rspack/index.tsx
index 04e517b..3f49a98 100644
--- a/src/why-rspack/index.tsx
+++ b/src/why-rspack/index.tsx
@@ -125,6 +125,8 @@ const FeatureItem = memo(
   },
 );
 
+FeatureItem.displayName = 'FeatureItem';
+
 export type FeatureListProps = {
   features: Feature[];
   LinkComp?: LinkComp;
@@ -146,6 +148,8 @@ const FeatureList: FC<FeatureListProps> = memo(({ LinkComp, features }) => {
   );
 });
 
+FeatureList.displayName = 'FeatureList';
+
 export type WhyRspackProps = FeatureListProps;
 
 export const WhyRspack: FC<WhyRspackProps> = ({ features, LinkComp }) => {