/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 vote261 views1 answer
Loc with multiple conditions
TypeScript
0 vote265 views1 answer
Typescript pick type from interface
TypeScript
1 vote265 views3 answers
What is test data
TypeScript
0 vote261 views1 answer
The Effects of Boredom, Loneliness, and Distress Tolerance on Problem Internet Use Among University Students
TypeScript
0 vote295 views1 answer
Block robots from crawling
TypeScript
0 vote325 views1 answer
Type alias in typescript
TypeScript
0 vote259 views1 answer
Build with tsconfig-paths
TypeScript
0 vote287 views1 answer
Number of increments and decrements to make array sorted
TypeScript
0 vote289 views1 answer
Pyton program acept user first and last name and prints in revese
TypeScript
1 vote363 views3 answers
Stripe create subscription
TypeScript