/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

3 votes309 views2 answers
Select elements id like jquery
TypeScript
0 vote306 views1 answer
Js div 3 secound hide
TypeScript
0 vote278 views1 answer
Unity find all objects with script
TypeScript
0 vote312 views1 answer
@babel/preset-typescript
TypeScript
0 vote306 views1 answer
How to validate if all characters enetred in a string are alphabets and then reprompt user
TypeScript
1 vote258 views1 answer
Typescript get unknown property
TypeScript
0 vote338 views1 answer
Cats internet cafe 18 hr
TypeScript
1 vote302 views1 answer
Typescript array of react elements
TypeScript
1 vote303 views2 answers
Typescript run on save
TypeScript
0 vote301 views1 answer
Adding API request
TypeScript