diff --git a/fixtures/flight/server/App.server.js b/fixtures/flight/server/App.server.js
new file mode 100644
index 000000000000..72858c944779
--- /dev/null
+++ b/fixtures/flight/server/App.server.js
@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+// TODO: A transform should read this from webpack plugin output.
+const CounterClient = {
+ $$typeof: Symbol.for('react.module.reference'),
+ name: './src/Counter.client.js',
+};
+
+export default function App() {
+ return (
+
+
Hello, world
+
+
+ );
+}
diff --git a/fixtures/flight/server/handler.js b/fixtures/flight/server/handler.js
index 25618543db4e..9a0c6004150d 100644
--- a/fixtures/flight/server/handler.js
+++ b/fixtures/flight/server/handler.js
@@ -1,26 +1,17 @@
'use strict';
-const ReactTransportDOMServer = require('react-transport-dom-webpack/server');
-const React = require('react');
-const Stream = require('stream');
-
-function Text({children}) {
- return {children};
-}
-
-function HTML() {
- return (
-
- Hello
- world
-
- );
-}
+import {pipeToNodeWritable} from 'react-transport-dom-webpack/server';
+import * as React from 'react';
+import App from './App.server';
module.exports = function(req, res) {
res.setHeader('Access-Control-Allow-Origin', '*');
- let model = {
- content: