/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 vote313 views1 answer
Is there a way to show a preview of a RecyclerView's contents as Grid in the Android Studio editor?
TypeScript
1 vote308 views1 answer
How to get all the elements in xpath java
TypeScript
0 vote357 views1 answer
Typescript how to check if string is a date
TypeScript
0 vote293 views1 answer
Online doctor appointments in pakistan
TypeScript
2 votes390 views1 answer
'mat-checkbox' is not a known element
TypeScript
0 vote310 views1 answer
Kalyani.@gma
TypeScript
2 votes326 views3 answers
Boolean to string typescript
TypeScript
0 vote316 views1 answer
Angular TS2377
TypeScript
0 vote292 views1 answer
Em is relative to its font size
TypeScript
0 vote359 views1 answer
Clone object in typescript
TypeScript