diff --git a/packages/astro/e2e/fixtures/react-component/src/components/Suffix.react.tsx b/packages/astro/e2e/fixtures/react-component/src/components/Suffix.react.tsx
new file mode 100644
index 0000000000..10dddf275f
--- /dev/null
+++ b/packages/astro/e2e/fixtures/react-component/src/components/Suffix.react.tsx
@@ -0,0 +1,10 @@
+import React, { useState } from 'react';
+
+export default function () {
+ const [open, setOpen] = useState(false);
+ return (
+
+ );
+}
diff --git a/packages/astro/e2e/fixtures/react-component/src/pages/index.astro b/packages/astro/e2e/fixtures/react-component/src/pages/index.astro
index 0a9a212d00..f9e0ae3958 100644
--- a/packages/astro/e2e/fixtures/react-component/src/pages/index.astro
+++ b/packages/astro/e2e/fixtures/react-component/src/pages/index.astro
@@ -1,6 +1,7 @@
---
import Counter from '../components/Counter.jsx';
import ReactComponent from '../components/JSXComponent.jsx';
+import Suffix from '../components/Suffix.react';
const someProps = {
count: 0,
@@ -33,5 +34,7 @@ const someProps = {
+
+