fix(MediaQuery): enhance TypeScript types

dnbexperience · May 31, 2023 · d93bd54 · d93bd54
1 parent ded7c9c
commit d93bd54
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/usage/layout/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/usage/layout/Examples.tsx
@@ -59,6 +59,7 @@ export const MediaQueryLiveExample = () => (
           min: 'small',
           max: 'large',
         })
+
         const match1 = useMediaQuery({
           matchOnSSR: true,
           when: query,
@@ -68,7 +69,11 @@ export const MediaQueryLiveExample = () => (
           not: true,
           when: query,
         })
-        // console.log('mediaQuery:', match1, match2)
+
+        React.useEffect(() => {
+          console.log('mediaQuery:', match1, match2)
+        }, [match1, match2])
+
         return (
           <>
             <Button

diff --git a/packages/dnb-eufemia/src/shared/MediaQuery.tsx b/packages/dnb-eufemia/src/shared/MediaQuery.tsx
@@ -96,6 +96,6 @@ export default class MediaQuery extends React.PureComponent<
 
   render() {
     const { children } = this.props
-    return this.state.match ? children : null
+    return <>{this.state.match ? children : null}</>
   }
 }