remaining SSR errors

Author: VasilyStrelyaev

packages/devextreme-cli/src/templates/nextjs/application/src/components/header/Header.tsx

@@ -2,10 +2,11 @@ import Toolbar, { Item } from 'devextreme-react/toolbar';
 import Button from 'devextreme-react/button';
 import UserPanel from '@/components/user-panel/UserPanel';
 import './Header.scss';
-import { Template } from 'devextreme-react/core/template';
 import { ThemeSwitcher } from '@/components/theme-switcher/ThemeSwitcher';
 <%=#isTypeScript%>import type { HeaderProps } from '@/types';<%=/isTypeScript%>
 
+const renderMenuItem = () => <UserPanel menuMode='list' />;
+
 export default function Header({ menuToggleEnabled, title, toggleMenu }<%=#isTypeScript%>: HeaderProps<%=/isTypeScript%>) {
   return (
     <header className={'header-component'}>
@@ -29,13 +30,9 @@ export default function Header({ menuToggleEnabled, title, toggleMenu }<%=#isTyp
         >
           <ThemeSwitcher />
         </Item>
-        <Item location='after' locateInMenu='auto' menuItemTemplate='userPanelTemplate'>
+        <Item location='after' locateInMenu='auto' menuItemRender={renderMenuItem}>
           <UserPanel menuMode='context' />
         </Item>
-        <Template name='userPanelTemplate'>
-          <UserPanel menuMode='list' />
-        </Template>
-
       </Toolbar>
     </header>
 )}

packages/devextreme-cli/src/templates/nextjs/application/src/utils/media-query.tsx

@@ -48,9 +48,9 @@ const unsubscribe = (handler<%=#isTypeScript%>: Handle<%=/isTypeScript%>) => {
 
 function getScreenSize() {
   return {
-    isXSmall: xSmallMedia.matches,
-    isSmall: smallMedia.matches,
-    isMedium: mediumMedia.matches,
-    isLarge: largeMedia.matches
+    isXSmall: xSmallMedia?.matches,
+    isSmall: smallMedia?.matches,
+    isMedium: mediumMedia?.matches,
+    isLarge: largeMedia?.matches
   };
 }

packages/devextreme-cli/testing/env.nextjs.js

@@ -48,7 +48,14 @@ function getConfig({ engine, template, fileExtension, templateExtension, transpi
             forceNoCmd: true
         });
 
-        fs.writeFileSync(path.join(appPath, '.env'), 'SKIP_PREFLIGHT_CHECK=true' + EOL + 'BROWSER=none');
+        const envFilePath = path.join(appPath, '.env');
+        let envContent = 'SKIP_PREFLIGHT_CHECK=true' + EOL + 'BROWSER=none';
+
+        if(fs.existsSync(envFilePath)) {
+            envContent += EOL + fs.readFileSync(envFilePath).toString();
+        }
+
+        fs.writeFileSync(envFilePath, envContent);
     };
 
     config.setLayout = (layoutName) => {