diff --git a/examples/next-with-app-router/.eslintrc.json b/examples/next-with-app-router/.eslintrc.json
index fd84c51da3..f6565e04a8 100644
--- a/examples/next-with-app-router/.eslintrc.json
+++ b/examples/next-with-app-router/.eslintrc.json
@@ -103,6 +103,7 @@
     // interface which extends some other interface is not considered as meaningful interface
     // we need this for meeting our component API conventions
     // @see: https://typescript-eslint.io/rules/no-empty-interface/
-    "@typescript-eslint/no-empty-interface": ["error", { "allowSingleExtends": true }]
+    "@typescript-eslint/no-empty-interface": ["error", { "allowSingleExtends": true }],
+    "react/react-in-jsx-scope": "off"
   }
 }
diff --git a/examples/next-with-app-router/src/app/layout.tsx b/examples/next-with-app-router/src/app/layout.tsx
index 4df8ca8552..9a2dafdebb 100644
--- a/examples/next-with-app-router/src/app/layout.tsx
+++ b/examples/next-with-app-router/src/app/layout.tsx
@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 
 const RootLayout = ({ children }: Readonly<{ children: ReactNode }>) => {
   return (
diff --git a/examples/next-with-app-router/src/app/page.tsx b/examples/next-with-app-router/src/app/page.tsx
index ff573b3610..7bfd4971c2 100644
--- a/examples/next-with-app-router/src/app/page.tsx
+++ b/examples/next-with-app-router/src/app/page.tsx
@@ -1,6 +1,5 @@
 import { Heading } from '@lmc-eu/spirit-web-react';
 import { NextPage } from 'next';
-import React from 'react';
 import './globals.scss';
 
 const Home: NextPage = () => {