/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 votes220 views2 answers
Lua print all elements table
TypeScript
0 vote240 views1 answer
Write a C proogram to find the roots of quadratic equation
TypeScript
0 vote332 views1 answer
Warning: format ‘%s’ expects argument of type ‘char *’, but argument 2 has type ‘int’
TypeScript
1 vote206 views1 answer
Contextual typing in typescript
TypeScript
0 vote221 views2 answers
Kotlin get first n elements from list
TypeScript
3 votes223 views1 answer
Google chrome extensions content scripts matches
TypeScript
13 votes195 views3 answers
Typescript integer
TypeScript
3 votes197 views2 answers
Cool box shadow effects css
TypeScript
1 vote222 views1 answer
Denoot
TypeScript
8 votes204 views1 answer
Create-react-app template
TypeScript