diff --git a/packages/compose/src/hooks/use-media-query/index.js b/packages/compose/src/hooks/use-media-query/index.js
index 8c0f0844d6b1c4..099845494c7ba9 100644
--- a/packages/compose/src/hooks/use-media-query/index.js
+++ b/packages/compose/src/hooks/use-media-query/index.js
@@ -33,5 +33,5 @@ export default function useMediaQuery( query ) {
 		};
 	}, [ query ] );
 
-	return query && match;
+	return !! query && match;
 }
diff --git a/packages/compose/src/hooks/use-media-query/test/index.js b/packages/compose/src/hooks/use-media-query/test/index.js
index b6145debdfc6ca..4e572c000a50b7 100644
--- a/packages/compose/src/hooks/use-media-query/test/index.js
+++ b/packages/compose/src/hooks/use-media-query/test/index.js
@@ -138,7 +138,8 @@ describe( 'useMediaQuery', () => {
 		await act( async () => {
 			root = create( <TestComponent /> );
 		} );
-		expect( root.toJSON() ).toBe( 'useMediaQuery: undefined' );
+		// query will be case to a boolean to simplify the return type.
+		expect( root.toJSON() ).toBe( 'useMediaQuery: false' );
 
 		await act( async () => {
 			root.update( <TestComponent query={ false } /> );
diff --git a/packages/compose/tsconfig.json b/packages/compose/tsconfig.json
index 0b134e049ff11a..6adf71ba46430a 100644
--- a/packages/compose/tsconfig.json
+++ b/packages/compose/tsconfig.json
@@ -3,6 +3,7 @@
 	"compilerOptions": {
 		"rootDir": "src",
 		"declarationDir": "build-types",
+		"types": [ "gutenberg-env" ],
 	},
 	"references": [
 		{ "path": "../element" },
@@ -20,6 +21,8 @@
 		"src/hooks/use-instance-id/**/*",
 		"src/hooks/use-focus-return/**/*",
 		"src/hooks/use-previous/**/*",
+		"src/hooks/use-media-query/**/*",
+		"src/hooks/use-reduced-motion/**/*",
 		"src/utils/**/*"
 	]
 }
diff --git a/typings/gutenberg-env/index.d.ts b/typings/gutenberg-env/index.d.ts
index 660691553849df..efdd71bd328783 100644
--- a/typings/gutenberg-env/index.d.ts
+++ b/typings/gutenberg-env/index.d.ts
@@ -1,6 +1,7 @@
 interface Environment {
 	NODE_ENV: unknown;
 	COMPONENT_SYSTEM_PHASE: number | undefined;
+	FORCE_REDUCED_MOTION: boolean | undefined;
 }
 interface Process {
 	env: Environment;