/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 vote154 views2 answers
How to get both key and value of enum in typescript
TypeScript
16 votes190 views1 answer
Python for with two arrays
TypeScript
5 votes195 views3 answers
CountDocuments mongoose
TypeScript
1 vote181 views1 answer
Ion-datetime open programmatically
TypeScript
0 vote200 views1 answer
Jest Data path "" should have required property 'tsConfig'.
TypeScript
1 vote252 views1 answer
Adonis query delete
TypeScript
0 vote196 views1 answer
Keyboard shortcuts spotify
TypeScript
4 votes203 views2 answers
Deno web server
TypeScript
0 vote199 views1 answer
TypeError: __cinit__() takes at least 2 positional arguments (0 given)
TypeScript
0 vote238 views1 answer
How to add comments to my blog template wordpress
TypeScript