SSR: TS2304: Cannot find name 'ScrollBehavior'.

When I have the next SSR setup:

import { createMemoryNavigation } from 'navi'
import { Router, View } from 'react-navi'

// ...

   const navigation = createMemoryNavigation({
      routes,
      url: request.url,
    })

    const route = await navigation.getRoute()

    const clientMarkup = renderToString(
      <Router navigation={navigation}>
        <View />
      </Router>,
    )

The server build via webpack produces the next TypeScript (awesome-typescript-loader) exception:

ERROR in [at-loader] ./node_modules/react-navi/dist/types/HashScroll.d.ts:3:55 
    TS2304: Cannot find name 'ScrollBehavior'.

The error concerns this reference:

// react-navi/dist/types/HashScroll.d.ts:3:55 
export declare const HashScrollContext: React.Context<ScrollBehavior>;
export interface HashScrollProps {
    behavior?: HashScrollBehavior;
    children: React.ReactNode;
}

ScrollBehavior type itself is a built-in type from the dom TypeScript library.

Current behavior

That type is required during the server build.

Expected behavior

Static (SSR) rendering does not reference client-side types.

---

I may dig deeper into this issue, but can’t promise any deadlines. If you have any out-of-head insights it would be very appreciated. Thank you.

[jamesknelson]

Closing, as this appears to be fixed in the latest release.

[jamesknelson]

Wow, that’s odd. It must be a compilation issue, because the types are compiled on every release.

I can see if I can find a workaround for this, but before I do, could you try changing it in your node_modules directory and see if that’s enough to make TypeScript compile on the server? There’s also some window references in that file that I imagine may cause issues on the server.