Rename to Component

src/apps/dashboard/routes/logs/index.tsx

@@ -42,7 +42,7 @@ export const action = async ({ request }: ActionFunctionArgs) => {
     };
 };
 
-const Logs = () => {
+export const Component = () => {
     const navigation = useNavigation();
     const actionData = useActionData() as ActionData | undefined;
     const isSubmitting = navigation.state === 'submitting';
@@ -133,4 +133,4 @@ const Logs = () => {
     );
 };
 
-export default Logs;
+Component.displayName = 'LogsPage';

src/apps/dashboard/routes/playback/resume.tsx

@@ -41,7 +41,7 @@ export const action = async ({ request }: ActionFunctionArgs) => {
     };
 };
 
-const Resume = () => {
+export const Component = () => {
     const navigation = useNavigation();
     const actionData = useActionData() as ActionData | undefined;
     const isSubmitting = navigation.state === 'submitting';
@@ -148,4 +148,4 @@ const Resume = () => {
     );
 };
 
-export default Resume;
+Component.displayName = 'ResumePage';

src/apps/dashboard/routes/playback/streaming.tsx

@@ -32,7 +32,7 @@ export const action = async ({ request }: ActionFunctionArgs) => {
     };
 };
 
-const Streaming = () => {
+export const Component = () => {
     const navigation = useNavigation();
     const actionData = useActionData() as ActionData | undefined;
     const isSubmitting = navigation.state === 'submitting';
@@ -87,4 +87,4 @@ const Streaming = () => {
     );
 };
 
-export default Streaming;
+Component.displayName = 'StreamingPage';