/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 vote278 views1 answer
Google fonts icons size classes
TypeScript
4 votes299 views1 answer
Get requests method flask
TypeScript
1 vote293 views3 answers
Typescript check undefined
TypeScript
-1 vote273 views1 answer
Insert if not exists mysql
TypeScript
1 vote272 views1 answer
React Native: Double back press to Exit App
TypeScript
1 vote297 views1 answer
Serenity.is LinkingSetRelation add column-picker-button
TypeScript
55 votes490 views6 answers
How to get rid of bullet points in css
TypeScript
2 votes300 views1 answer
Reactive forms get value of control
TypeScript
3 votes308 views1 answer
Redux toolkit typescript install
TypeScript
14 votes315 views1 answer
Ngbmodal angular 9 yarn install
TypeScript