Refactored to use app folder.

src/app/(app)/reports/Report.js

@@ -0,0 +1,20 @@
+'use client';
+import { createContext } from 'react';
+import { useReport } from 'components/hooks';
+import styles from './Report.module.css';
+
+export const ReportContext = createContext(null);
+
+export function Report({ reportId, defaultParameters, children, ...props }) {
+  const report = useReport(reportId, defaultParameters);
+
+  return (
+    <ReportContext.Provider value={{ ...report }}>
+      <div {...props} className={styles.container}>
+        {children}
+      </div>
+    </ReportContext.Provider>
+  );
+}
+
+export default Report;