/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

0 vote122 views1 answer
React-stripe-elements hidePostalCode
TypeScript
2 votes140 views1 answer
Loaded because running scripts is disabled on this s
TypeScript
0 vote90 views1 answer
Google fonts for flutte
TypeScript
0 vote170 views1 answer
"What do the observed locations of gamma-ray bursts tell us about them?"
TypeScript
1 vote130 views1 answer
Python program to find sum of digits of a number using while loop
TypeScript
1 vote135 views1 answer
Create npm module typescript
TypeScript
0 vote127 views3 answers
Highcharts cdn links
TypeScript
11 votes129 views1 answer
Remove dots from ul li
TypeScript
0 vote131 views1 answer
Supertest typescript
TypeScript
-1 vote186 views1 answer
Reverse mongo results order
TypeScript