Invert staticMediaQuery

Author: pomber

packages/mdx/src/mdx-client/scrollycoding.tsx

@@ -25,9 +25,9 @@ export function Scrollycoding(props) {
       match={[
         [
           props.codeConfig.staticMediaQuery,
-          <DynamicScrollycoding {...props} />,
+          <StaticScrollycoding {...props} />,
         ],
-        ["default", <StaticScrollycoding {...props} />],
+        ["default", <DynamicScrollycoding {...props} />],
       ]}
     />
   )

packages/mdx/src/remark/config.ts

@@ -20,7 +20,7 @@ export function addConfigDefaults(
 ): CodeHikeConfig {
   // TODO warn when config looks weird
   return {
-    staticMediaQuery: "screen and (min-width: 768px)",
+    staticMediaQuery: "not screen, (max-width: 768px)",
     ...config,
     theme: config?.theme || {},
     autoImport: config?.autoImport === false ? false : true,