chore: format

packages/cli/src/utils/modify-config.ts

@@ -30,7 +30,7 @@ export async function modifyConfigFile(detectedBuildTool: BuildTool) {
      */
     if (detectedModuleType === 'cjs') {
       // 1.
-      const importStatement = `const million = require('million/compiler')\n`;
+      const importStatement = `const million = require('million/compiler');\n`;
       configFileContent = importStatement + configFileContent;
 
       // 2.
@@ -59,7 +59,7 @@ export async function modifyConfigFile(detectedBuildTool: BuildTool) {
       }
     } else if (detectedModuleType === 'esm') {
       // 1.
-      const importStatement = `import million from 'million/compiler'\n`;
+      const importStatement = `import million from 'million/compiler';\n`;
       configFileContent = importStatement + configFileContent;
 
       // 2.
@@ -226,6 +226,6 @@ async function handleNextCase(oldExportExpression: string): Promise<string> {
   return `million.next(
   ${oldExportExpression}, { auto: ${
     nextRouter === 'app' ? '{ rsc: true }' : 'true'
-  }}
+  } }
 )`;
 }

packages/kitchen-sink/src/examples/repro.tsx

@@ -0,0 +1,41 @@
+import { block } from 'million/react';
+
+const AUTO_ARCHIVE_OPTIONS = [
+  3 * 86400, // 3 days
+  7 * 86400, // 7 days
+  14 * 86400, // 2 weeks
+  28 * 86400, // 4 weeks
+  90 * 86400, // 3 months
+  365 * 86400, // 1 year
+];
+
+const ArchiveAllPrefGroup = block(() => {
+  const onChange = () => {};
+  return (
+    <div className="prefs-group">
+      <div className="label-wrapper">
+        <label>
+          <div>
+            <div>
+              Auto archive
+              <select onChange={onChange}>
+                <option value="all">all</option>
+                <option value="unread">unread</option>
+              </select>
+              threads older than
+            </div>
+            <select onChange={onChange}>
+              {AUTO_ARCHIVE_OPTIONS.map((seconds) => (
+                <option key={seconds} value={String(seconds)}>
+                  {String(seconds * 1000)}
+                </option>
+              ))}
+            </select>
+          </div>
+        </label>
+      </div>
+    </div>
+  );
+});
+
+export default ArchiveAllPrefGroup;

website/next.config.mjs

@@ -1,3 +1,4 @@
+import million from 'million/compiler'
 import nextra from 'nextra';
 
 const withNextra = nextra({
@@ -14,4 +15,6 @@ const nextConfig = {
 };
 
 // eslint-disable-next-line import/no-default-export
-export default withNextra(nextConfig);
+export default million.next(
+  withNextra(nextConfig), { auto: true}
+);