static.tsx

import React from 'react';
import Link from 'next/link';
import {useSelector} from 'react-redux';
import {NextPage} from 'next';
import {State} from '../components/reducer';
import {wrapper} from '../components/store';

interface OtherProps {
    getStaticProp: string;
    appProp: string;
}

const Static: NextPage<OtherProps> = ({appProp, getStaticProp}) => {
    const {app, page} = useSelector<State, State>(state => state);
    return (
        <div className="static">
            <p>Page has access to store even though it does not dispatch anything itself</p>

            <pre>{JSON.stringify({app, page, getStaticProp, appProp}, null, 2)}</pre>

            <nav>
                <Link href="/">
                    <a>Navigate to index</a>
                </Link>
            </nav>
        </div>
    );
};

export const getStaticProps = wrapper.getStaticProps(({store}) => {
    store.dispatch({type: 'PAGE', payload: 'static'});
    return {props: {getStaticProp: 'bar'}};
});

export default Static;