/TypeScript/React router dom private route typescript

React router dom private route typescript

import * as React from "react";
import { Route } from "react-router-dom";

interface IProps {
    exact?: boolean;
    path: string;
    component: React.ComponentType<any>;
}

const LoggedOutRoute = ({
    component: Component,
    ...otherProps
}: IProps) => (
    <>
        <header>Logged Out Header</header>
        <Route
            render={otherProps => (
                <>
                    <Component {...otherProps} />
                </>
            )}
        />
        <footer>Logged Out Footer</footer>
    </>
);

export default LoggedOutRoute;

Source: stackoverflow.com

Similar codes

1 vote219 views1 answer
Psycopg2 OperationalError: FATAL: unsupported frontend protocol 1234.5679: server supports 2.0 to 3.0
TypeScript
1 vote197 views1 answer
React-router-dom redirect on click
TypeScript
0 vote182 views1 answer
Highcharts turbothreshold not working
TypeScript
3 votes180 views2 answers
Enum
TypeScript
0 vote232 views2 answers
Javascript to typescript converter tool
TypeScript
0 vote205 views2 answers
Typescript array of mixed types
TypeScript
0 vote192 views1 answer
How-do-i-navigate-to-a-parent-route-from-a-child-route
TypeScript
0 vote206 views1 answer
Query orders by products woocommerce
TypeScript
0 vote184 views1 answer
Input deno
TypeScript
0 vote197 views1 answer
Typescript remove whitespace from string
TypeScript