/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 vote249 views2 answers
How to delete firebase collection
TypeScript
0 vote253 views2 answers
Kotlin get first n elements from list
TypeScript
0 vote239 views1 answer
Typescript generic record
TypeScript
0 vote244 views1 answer
Can we do system testing at any stage
TypeScript
1 vote248 views1 answer
Return rest division typescript
TypeScript
0 vote261 views1 answer
Cluster on lists of values that start with a certain value
TypeScript
1 vote267 views1 answer
Whats harry potter's house
TypeScript
0 vote288 views2 answers
Angular 8 ts refresh page
TypeScript
0 vote248 views2 answers
Skip test angular
TypeScript
4 votes263 views1 answer
Ionic toast
TypeScript