/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 vote136 views1 answer
Import openzeppelin contracts in remix
TypeScript
-1 vote131 views1 answer
How many continents are there
TypeScript
0 vote149 views1 answer
Error on indexing the object in ts
TypeScript
1 vote207 views1 answer
'mat-label' is not a known element:
TypeScript
1 vote125 views1 answer
How to delete objects in lua
TypeScript
7 votes137 views3 answers
How to make a rounded button
TypeScript
18 votes133 views3 answers
Enum to number typescript
TypeScript
0 vote154 views2 answers
How to remove one object in an array of objects in mongoose
TypeScript
0 vote142 views1 answer
Java lambda list of objects cast
TypeScript
1 vote143 views1 answer
Canactivate get current url
TypeScript