diff --git a/sandpack-react/src/common/ErrorOverlay.tsx b/sandpack-react/src/common/ErrorOverlay.tsx
index e89319b20..727dc9423 100644
--- a/sandpack-react/src/common/ErrorOverlay.tsx
+++ b/sandpack-react/src/common/ErrorOverlay.tsx
@@ -6,7 +6,7 @@ import { useErrorMessage } from "../hooks/useErrorMessage";
 /**
  * @category Components
  */
-export const ErrorOverlay: React.FC = () => {
+export const ErrorOverlay = (): JSX.Element | null => {
   const errorMessage = useErrorMessage();
   const c = useClasser("sp");
 
diff --git a/sandpack-react/src/common/OpenInCodeSandboxButton/OpenInCodeSandboxButton.tsx b/sandpack-react/src/common/OpenInCodeSandboxButton/OpenInCodeSandboxButton.tsx
index 2e0045af0..e56406a1d 100644
--- a/sandpack-react/src/common/OpenInCodeSandboxButton/OpenInCodeSandboxButton.tsx
+++ b/sandpack-react/src/common/OpenInCodeSandboxButton/OpenInCodeSandboxButton.tsx
@@ -10,7 +10,7 @@ import { UnstyledOpenInCodeSandboxButton } from "./UnstyledOpenInCodeSandboxButt
 /**
  * @category Components
  */
-export const OpenInCodeSandboxButton: React.FC = () => {
+export const OpenInCodeSandboxButton = (): JSX.Element | null => {
   const { theme } = useSandpackTheme();
   const c = useClasser("sp");
 
diff --git a/sandpack-react/src/common/RunButton.tsx b/sandpack-react/src/common/RunButton.tsx
index 40101f9f4..0c2a88fb2 100644
--- a/sandpack-react/src/common/RunButton.tsx
+++ b/sandpack-react/src/common/RunButton.tsx
@@ -7,7 +7,7 @@ import { RunIcon } from "../icons";
 /**
  * @category Components
  */
-export const RunButton: React.FC = () => {
+export const RunButton = (): JSX.Element | null => {
   const c = useClasser("sp");
   const { sandpack } = useSandpack();