typescript and react: redefine types for libraryWhat is TypeScript and why would I use it in place of JavaScript?get and set in TypeScriptAre strongly-typed functions as parameters possible in TypeScript?TypeScript Converting a String to a numberLoop inside React JSXWhat do these three dots in React do?Programmatically navigate using react routerTypescript: Interfaces vs TypesHow can I use jsdoc types in Typescript?Vue: can't use render props with TSX

Were there visual targets on the Shuttle that could confirm the alignment of the Canadarm?

Can the negators "jamais, rien, personne, plus, ni, aucun" be used in a single sentence?

Cascading Repair Costs following Blown Head Gasket on a 2004 Subaru Outback

Changing the opacity of lines on a plot based on their value

Can White Castle? #2

What are the benefits of using the X Card safety tool in comparison to plain communication?

What reason would an alien civilization have for building a Dyson Sphere (or Swarm) if cheap Nuclear fusion is available?

Should my manager be aware of private LinkedIn approaches I receive? How to politely have this happen?

Change CPU MHz from Registry

Should developer taking test phones home or put in office?

How to get cool night-vision without lame drawbacks?

STM Microcontroller burns every time

How do I respond to requests for a "guarantee" not to leave after a few months?

Is this one of the engines from the 9/11 aircraft?

Why is the voltage measurement of this circuit different when the switch is on?

Alphabet completion rate

In the Marvel universe, can a human have a baby with any non-human?

Do hotel cleaning personnel have any benefit from leaving empty bottles in the room as opposed to returning them to the store?

What happens when I sacrifice a creature when my Teysa Karlov is on the battlefield?

Do French speakers not use the subjunctive informally?

quadratic equation solving mistake

Why doesn't a marching band have strings?

Does the posterior necessarily follow the same conditional dependence structure as the prior?

Is there a word where `w` can not be replaced?



typescript and react: redefine types for library


What is TypeScript and why would I use it in place of JavaScript?get and set in TypeScriptAre strongly-typed functions as parameters possible in TypeScript?TypeScript Converting a String to a numberLoop inside React JSXWhat do these three dots in React do?Programmatically navigate using react routerTypescript: Interfaces vs TypesHow can I use jsdoc types in Typescript?Vue: can't use render props with TSX






.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;








0















I am trying to migrate from JSX to TSX and running into the following issue:



  • I am using a third-party library (React-Filepond)

  • The library accepts several types of props

  • The types for this library are written by a person not related to the original library (@types/react-filepond), and these types only cover some of accepted props.

Example:



<FilePond
server=
revert: () => this.props.updateUrl(this.state.oldImageUrl)

/>


this results in a type error, because the types for server prop are defined as:



interface FilePondServerConfigProps 
server?: string


and neither string nor ServerUrl are relevant to my case.



So the question is, how do I work around this, somehow redefine my types without issuing a PR to the types repo and waiting for it to be approved?










share|improve this question




























    0















    I am trying to migrate from JSX to TSX and running into the following issue:



    • I am using a third-party library (React-Filepond)

    • The library accepts several types of props

    • The types for this library are written by a person not related to the original library (@types/react-filepond), and these types only cover some of accepted props.

    Example:



    <FilePond
    server=
    revert: () => this.props.updateUrl(this.state.oldImageUrl)

    />


    this results in a type error, because the types for server prop are defined as:



    interface FilePondServerConfigProps 
    server?: string


    and neither string nor ServerUrl are relevant to my case.



    So the question is, how do I work around this, somehow redefine my types without issuing a PR to the types repo and waiting for it to be approved?










    share|improve this question
























      0












      0








      0








      I am trying to migrate from JSX to TSX and running into the following issue:



      • I am using a third-party library (React-Filepond)

      • The library accepts several types of props

      • The types for this library are written by a person not related to the original library (@types/react-filepond), and these types only cover some of accepted props.

      Example:



      <FilePond
      server=
      revert: () => this.props.updateUrl(this.state.oldImageUrl)

      />


      this results in a type error, because the types for server prop are defined as:



      interface FilePondServerConfigProps 
      server?: string


      and neither string nor ServerUrl are relevant to my case.



      So the question is, how do I work around this, somehow redefine my types without issuing a PR to the types repo and waiting for it to be approved?










      share|improve this question














      I am trying to migrate from JSX to TSX and running into the following issue:



      • I am using a third-party library (React-Filepond)

      • The library accepts several types of props

      • The types for this library are written by a person not related to the original library (@types/react-filepond), and these types only cover some of accepted props.

      Example:



      <FilePond
      server=
      revert: () => this.props.updateUrl(this.state.oldImageUrl)

      />


      this results in a type error, because the types for server prop are defined as:



      interface FilePondServerConfigProps 
      server?: string


      and neither string nor ServerUrl are relevant to my case.



      So the question is, how do I work around this, somehow redefine my types without issuing a PR to the types repo and waiting for it to be approved?







      reactjs typescript






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked Mar 25 at 10:17









      kurtgnkurtgn

      1,9482 gold badges22 silver badges45 bronze badges




      1,9482 gold badges22 silver badges45 bronze badges






















          1 Answer
          1






          active

          oldest

          votes


















          0















          So the question is, how do I work around this, somehow redefine my types without issuing a PR to the types repo and waiting for it to be approved?




          Definitely send the PR.



          Quick Fix



          Use patch-package to patch it locally: https://www.npmjs.com/package/patch-package






          share|improve this answer

























            Your Answer






            StackExchange.ifUsing("editor", function ()
            StackExchange.using("externalEditor", function ()
            StackExchange.using("snippets", function ()
            StackExchange.snippets.init();
            );
            );
            , "code-snippets");

            StackExchange.ready(function()
            var channelOptions =
            tags: "".split(" "),
            id: "1"
            ;
            initTagRenderer("".split(" "), "".split(" "), channelOptions);

            StackExchange.using("externalEditor", function()
            // Have to fire editor after snippets, if snippets enabled
            if (StackExchange.settings.snippets.snippetsEnabled)
            StackExchange.using("snippets", function()
            createEditor();
            );

            else
            createEditor();

            );

            function createEditor()
            StackExchange.prepareEditor(
            heartbeatType: 'answer',
            autoActivateHeartbeat: false,
            convertImagesToLinks: true,
            noModals: true,
            showLowRepImageUploadWarning: true,
            reputationToPostImages: 10,
            bindNavPrevention: true,
            postfix: "",
            imageUploader:
            brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
            contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
            allowUrls: true
            ,
            onDemand: true,
            discardSelector: ".discard-answer"
            ,immediatelyShowMarkdownHelp:true
            );



            );













            draft saved

            draft discarded


















            StackExchange.ready(
            function ()
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55335532%2ftypescript-and-react-redefine-types-for-library%23new-answer', 'question_page');

            );

            Post as a guest















            Required, but never shown

























            1 Answer
            1






            active

            oldest

            votes








            1 Answer
            1






            active

            oldest

            votes









            active

            oldest

            votes






            active

            oldest

            votes









            0















            So the question is, how do I work around this, somehow redefine my types without issuing a PR to the types repo and waiting for it to be approved?




            Definitely send the PR.



            Quick Fix



            Use patch-package to patch it locally: https://www.npmjs.com/package/patch-package






            share|improve this answer



























              0















              So the question is, how do I work around this, somehow redefine my types without issuing a PR to the types repo and waiting for it to be approved?




              Definitely send the PR.



              Quick Fix



              Use patch-package to patch it locally: https://www.npmjs.com/package/patch-package






              share|improve this answer

























                0












                0








                0








                So the question is, how do I work around this, somehow redefine my types without issuing a PR to the types repo and waiting for it to be approved?




                Definitely send the PR.



                Quick Fix



                Use patch-package to patch it locally: https://www.npmjs.com/package/patch-package






                share|improve this answer














                So the question is, how do I work around this, somehow redefine my types without issuing a PR to the types repo and waiting for it to be approved?




                Definitely send the PR.



                Quick Fix



                Use patch-package to patch it locally: https://www.npmjs.com/package/patch-package







                share|improve this answer












                share|improve this answer



                share|improve this answer










                answered Mar 25 at 10:27









                basaratbasarat

                148k28 gold badges278 silver badges383 bronze badges




                148k28 gold badges278 silver badges383 bronze badges





























                    draft saved

                    draft discarded
















































                    Thanks for contributing an answer to Stack Overflow!


                    • Please be sure to answer the question. Provide details and share your research!

                    But avoid


                    • Asking for help, clarification, or responding to other answers.

                    • Making statements based on opinion; back them up with references or personal experience.

                    To learn more, see our tips on writing great answers.




                    draft saved


                    draft discarded














                    StackExchange.ready(
                    function ()
                    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55335532%2ftypescript-and-react-redefine-types-for-library%23new-answer', 'question_page');

                    );

                    Post as a guest















                    Required, but never shown





















































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown

































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown







                    Popular posts from this blog

                    SQL error code 1064 with creating Laravel foreign keysForeign key constraints: When to use ON UPDATE and ON DELETEDropping column with foreign key Laravel error: General error: 1025 Error on renameLaravel SQL Can't create tableLaravel Migration foreign key errorLaravel php artisan migrate:refresh giving a syntax errorSQLSTATE[42S01]: Base table or view already exists or Base table or view already exists: 1050 Tableerror in migrating laravel file to xampp serverSyntax error or access violation: 1064:syntax to use near 'unsigned not null, modelName varchar(191) not null, title varchar(191) not nLaravel cannot create new table field in mysqlLaravel 5.7:Last migration creates table but is not registered in the migration table

                    용인 삼성생명 블루밍스 목차 통계 역대 감독 선수단 응원단 경기장 같이 보기 외부 링크 둘러보기 메뉴samsungblueminx.comeh선수 명단용인 삼성생명 블루밍스용인 삼성생명 블루밍스ehsamsungblueminx.comeheheheh

                    155 수학 과학 기타 둘러보기 메뉴eh추가해eh문서를 완성해