diff --git a/src/config/babelrc.js b/src/config/babelrc.js
index bf98be4e..27dac72c 100644
--- a/src/config/babelrc.js
+++ b/src/config/babelrc.js
@@ -2,6 +2,7 @@ const browserslist = require('browserslist')
 const semver = require('semver')
 
 const {
+  ifDep,
   ifAnyDep,
   ifTypescript,
   parseEnv,
@@ -55,7 +56,7 @@ module.exports = () => ({
       ['react', 'preact'],
       [
         require.resolve('@babel/preset-react'),
-        {pragma: isPreact ? 'React.h' : undefined},
+        {pragma: isPreact ? ifDep('preact-compat', 'React.h', 'h') : undefined},
       ],
     ),
     ifTypescript([require.resolve('@babel/preset-typescript')]),
diff --git a/src/config/jest.config.js b/src/config/jest.config.js
index 5f65af75..5edba565 100644
--- a/src/config/jest.config.js
+++ b/src/config/jest.config.js
@@ -16,7 +16,11 @@ const ignores = [
 
 const jestConfig = {
   roots: [fromRoot('src')],
-  testEnvironment: ifAnyDep(['webpack', 'rollup', 'react'], 'jsdom', 'node'),
+  testEnvironment: ifAnyDep(
+    ['webpack', 'rollup', 'react', 'preact'],
+    'jsdom',
+    'node',
+  ),
   testURL: 'http://localhost',
   moduleFileExtensions: ['js', 'jsx', 'json', 'ts', 'tsx'],
   collectCoverageFrom: ['src/**/*.+(js|jsx|ts|tsx)'],