diff --git a/packages/gatsby-plugin-image/gatsby-browser.js b/packages/gatsby-plugin-image/gatsby-browser.js
index 128583a12d676..2e00cd32ff4f0 100644
--- a/packages/gatsby-plugin-image/gatsby-browser.js
+++ b/packages/gatsby-plugin-image/gatsby-browser.js
@@ -1,11 +1,6 @@
-const React = require("react")
+import React from "react"
+import { LaterHydrator } from "."
 
-const { LaterHydrator } = require(".")
-
-exports.wrapRootElement = ({ element }) => {
-  return (
-    <LaterHydrator>
-      {element}
-    </LaterHydrator>
-  )
+export function wrapRootElement({ element }) {
+  return <LaterHydrator>{element}</LaterHydrator>
 }
\ No newline at end of file