Raw Html Flash between route change

React-static version 4.8.3 React version 16.0.0

The result is running the actual final build with npm run build. not npm start as it will load the dev environment loader.

Between transition of route, I experiencing this flash of raw html… What is the cause? Is there a solution? Any hint?

NOTE: I used the styled-component example as the base code, because all my styling is load through styled-components.

in the example, I switch from /about route to /contact route. and below shows what happened.

static-config.js

import axios from 'axios'
import {content} from 'content';
export default {
  getSiteProps: () => ({
    siteTitle: content.site.siteName.casual,
  }),
  siteRoot: 'http://site.com',
  getRoutes: async () => {
    return [
      {
        path: '/',
        component: 'src/containers/BlogListingPage',
      },
      {
        path: '/about',
        component: 'src/containers/AboutPage',
      },
      {
        path: '/contact',
        component: 'src/containers/ContactPage',
      },
      {
        path: '/blogs',
        component: 'src/containers/BlogPage',
        getProps: () => ({
          blogs: content.blogs,
        }),
        children: [
          {
            path: '/all',
            component: 'src/containers/BlogListingPage',
          },
          ...content.blogs.map(blog => ({
            path: `/detail/${blog.route.name}`,
            component: 'src/containers/BlogPage',
            getProps: () => ({
              blogRef: blog.route.name,
              blog: blog,
            }),
          }))
        ],
      },
    ]
  },
}

[tannerlinsley]

Yep On Wed, Jan 17, 2018 at 10:55 AM Adam Chen Wei [e-mail] wrote:

That maybe the reason… gotcha. so if I loading page correctly with Link, I guess I shouldn’t be experiencing the nacked html?

— You are receiving this because you were mentioned.

Reply to this email directly, view it on GitHub https://github.com/nozzle/react-static/issues/298#issuecomment-358387856, or mute the thread https://github.com/notifications/unsubscribe-auth/AFUmCedPAhhZ6NU0X_q-xjfdL1mLSw7aks5tLjQngaJpZM4RdqC- .

[adamchenwei]

That maybe the reason… gotcha. so if I loading page correctly with Link, I guess I shouldn’t be experiencing the naked html?