/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 vote166 views1 answer
Tolowercase typescript
TypeScript
0 vote155 views1 answer
React native 3 dots icon
TypeScript
0 vote173 views1 answer
Can we use function overloading and default arguments at same time in c++
TypeScript
0 vote173 views1 answer
How to pass node arguments in nextjs
TypeScript
1 vote168 views1 answer
Error: Gradle project sync failed. Please fix your project and try again.
TypeScript
0 vote160 views1 answer
How to check if object is undefined in typescript
TypeScript
0 vote157 views2 answers
Defining component layout next ts
TypeScript
10 votes191 views3 answers
Foreach typescript
TypeScript
0 vote166 views1 answer
Based on previous make validation for required in reactive forms
TypeScript
0 vote184 views1 answer
React onclick action starts automatically
TypeScript